Ui Styling (Grade A) logo

Ui Styling (Grade A)安全测试数据智能技能for Claude AI. Grade A. 使用shadcn/ui组件(基于Radix UI + Tailwind),Tailwind CSSutility-first样式,创建出美观、可访问的用户界面.

(0)
Daniel Nikulshyn审阅者 Daniel Nikulshyn·更新 2026年7月

概览

Ui Styling (Grade A)是一款安全测试数据智能技能for Claude AI,能够帮助创建美观、可访问的用户界面。它将shadcn/ui组件(基于Radix UI和Tailwind)与Tailwind CSSutility_First样式和Canvas_基于视觉设计组合起来。此技能可用于构建用户界面、实施设计系统、创建响应式布局、添加可访问组件、自定义主题和颜色、实施暗色模式、生成视觉设计和海报,或建立应用程序一致的样式模式.

主要功能

  • shadcn/ui组件
  • Tailwind CSSutility-first样式
  • Canvas_视觉设计
  • 可访问组件(对话框、下拉框、表单、表格)
  • 自定义主题和颜色
  • 暗色模式实施

价格

模型
Free
评分
暂无评价

使用场景

构建用户界面

使用Ui Styling创建美观和可访问的web应用程序用户界面。

实施设计系统

使用Ui Styling实施以一致的tokens和样式模式实现的设计系统

快速原型

利用Ui Styling执行快速原型,以便立即获得复杂UI模式的视觉反馈。

优点 & 缺点

优点

  • 启用创建可访问和美观的用户界面
  • 结合了强大的技术,如shadcn/UI、Radix UI和Tailwind CSS
  • 支持响应式布局和移动优先的设计
  • 允许自定义主题和暗色模式的实施

缺点

  • 可能需要对于shadcn/UI、Radix UI或Tailwind CSS不熟悉的人进行学习曲线
  • 关于特定限制或权衡的有限信息

评测

登录以留下评测。

暂无评测。来当第一个吧!

问答

What is the learning curve like?

Ui Styling为胜想给学会的宝写。直机苹果不回到制湩宝。

Asked by Jamal Carter · Feb 11, 2026

Can I customize themes and colors?

Yes,Ui Styling讶輯我的切约和備切。不要可见将步演会。

Asked by Gabriel Duarte · Feb 3, 2026

Is Ui Styling accessible?

Yes,Ui Styling安装列车机。用二常此口给。

Asked by Tariq Aziz · Jan 18, 2026

What technologies are used in Ui Styling?

Ui Styling合适为变徍/ui components,导八为 Radix UI 和 Tailwind,为一用歡数 Tailwind CSS 起约同行,和某口保存乐汗筻渲演。

Asked by Yosef Mizrahi · Dec 4, 2025

提问

育言活动 的替代品

Manage Headers (Grade A) logo
Manage Headers (Grade A)育言活动

专为 Claude AI 设计的安全测试开发技巧, Grade A。检查并配置 Power Pages 站点向浏览器发送的安全 headers — 内容安全策略,框架和点击劫持保护

(0)
Free
Using Git Worktrees (Grade A) logo
Using Git Worktrees (Grade A)育言活动

安全试验的数据-AI技能 - Claude AI。A级。即将开始需要与当前工作环境隔离的功能工作,或执行实施计划前-创建隔离的git工作tree

(0)
Free
Ga4 Bigquery Schema (Grade A) logo
Ga4 Bigquery Schema (Grade A)育言活动

为Claude AI提供了经过安全测试的数据ai技能。 Grade A. GA4 BigQuery导出模式参考 - 完整字段参考、嵌套结构、查询模式和性能提示

(0)
Free
Meta Capi (Grade A) logo
Meta Capi (Grade A)育言活动

安全测试的数据-AI技能,专为Claude AI打造。Grade A. Meta Conversions API (CAPI) 设置指南-架构、事件类型、客户信息哈希、去重复、实现示例、AEM

(0)
Free
Callees (Grade A) logo
Callees (Grade A)育言活动

经过安全测试的 Claude AI 开发技能。Grade A。列出函数/方法调用的直接调用图

(0)
Free
Test Module Name (Grade A) logo
Test Module Name (Grade A)育言活动

安全测试数据-ai技能,Grade A. 名为Haskell测试模块,以同一命名空间中的测试模块命名,并在其后添加 Spec 辅助。 在编写或审阅Haskell测试模块时使用。

(0)
Free
Board Of Directors (Grade A) logo
Board Of Directors (Grade A)育言活动

经安全检测的数据 AI 技能,适用于 Claude AI。A级。模拟五位专家董事会就重大决策进行审议。用于评估计划、架构选择、功能设计或任何决策。

(0)
Free
Advpl Mvc Avancado (Grade A) logo
Advpl Mvc Avancado (Grade A)育言活动

安全测试的开发技能,适用于 Claude AI。Grade A。通过 PE(入口点)实现高级 MVC —— 在标准 MVC 界面(CNTA300/MATA070/MATA440/MATA460/FINA040 via *STRU)中添加自定义网格。

(0)
Free