用途：这是一个 AI 智能体技能，用于设计基于组件库与设计系统的界面，产出以 shadcn/ui 组件搭配 Tailwind CSS 的 React 代码，追求统一、可访问的 UI。
主要能力与设计规则：采用极简风格，留白充足，使用无衬线字体；每屏字体字重与字号控制在 2-3 种（推荐 Inter 或系统字体）；间距基于 4px 刻度（4、8、16、24、32px，对应 p-1、p-2、p-4、p-6、p-8）；颜色基于 OKLCH、使用 50-950 灰度与主题变量，强调色以约 10% 透明度呈现；阴影仅三级（shadow-sm 卡片、shadow-md 下拉、shadow-lg 模态）；动画时长 200-300ms、ease-in-out，仅用于悬停与状态反馈。可访问性要求所有交互元素加 ARIA 标签、对比度达 WCAG 2.1 AA（最低 4.5:1）、键盘焦点样式与悬停态一致、使用语义化 HTML。
使用方式：先向用户确认范围（整页、区块或单个组件）、类型（仪表盘、表单、卡片、模态、表格）、目标文件与需求；随后对齐现有设计模式，先完成视觉界面再加入逻辑，拆分为可复用模块，逐条应用上述规则，验证键盘导航、对比度与响应式。质量清单要求优先使用 shadcn/ui 组件、使用主题变量而非硬编码颜色、移动优先。
适用场景：仪表盘、表单、数据表格、卡片、模态等常见界面，以及需要与既有 UI 保持一致、强调可访问性与组件化的前端开发。
限制：资料主要面向 shadcn/ui、React 与 Tailwind CSS v4 技术栈；未提供该技能的具体安装命令、运行环境要求、收费或许可信息，这些暂未提供。