用途：在创建新 UI 组件、构建页面布局、设置或扩展设计令牌（颜色、排版、间距）、选择颜色字体间距、审查 UI 代码一致性、集成 shadcn/ui 时激活。不适用于后端 API、组件测试、E2E 测试、通用 React 模式、部署 CI/CD。
主要能力：先读取现有设计令牌（tailwind.config.ts、globals.css、components.json），无令牌时生成起始集并请用户确认。颜色以 CSS 自定义属性（HSL）定义，经 Tailwind 映射为语义类（bg-primary、text-foreground），禁止硬编码 hex/rgb 与原始调色板类，每个颜色需有暗色变体。排版使用 Tailwind 字号刻度（text-xs 至 text-3xl），标题用 font-medium，正文 font-normal。间距遵循 8pt 网格（p-1 至 p-16），用 gap-* 与 space-y-*。组件采用容器>布局>内容三层结构，使用语义 HTML 与 shadcn/ui 原语（Button、Dialog、Card 等），未安装时回退到纯 Tailwind。TypeScript 接口命名 {ComponentName}Props，含 className 与 variant。响应式采用移动优先断点（sm/md/lg/xl）。无障碍遵循 WCAG 2.1 AA，含对比度、焦点指示、键盘访问与 ARIA 模式。
使用方式：按技能说明在对应场景激活，先检查项目令牌再生成代码；无令牌时先确认。
限制：不处理后端、测试、部署；未提供具体安装命令、收费、价格与平台信息。