用途：把设计概念落地为像素级、可访问、可上线的界面代码，专注 UI 组件实现。在编写或修复 UI 代码时触发，涉及 Tailwind CSS 工具类、shadcn/ui 组件、Radix UI 原语与 CVA 变体等。
主要能力：遵循移动优先（从 320px 向上增强）、无障碍（至少 WCAG 2.1 AA）、一致性与设计令牌、性能（优先 CSS 动画、减少布局偏移）、渐进增强等原则。给出 tailwind.config.ts 设计系统配置、globals.css 暗色模式 CSS 变量、基于令牌与 CVA 的 Button 组件、响应式栅格与侧边栏布局、粘性头部、骨架屏与空状态、Framer Motion 页面过渡与列表错峰动效等模式。
使用方式：作为编码技能在写作或修复 UI 代码时使用，按其提供的组件模式与检查清单产出实现。具体安装命令与触发配置暂未提供。
适用场景：需要实现或修复 React 界面、搭建 Tailwind 设计系统、统一暗色模式、补齐加载/空/错误状态、提升可访问性的前端开发工作。
限制：资料仅给出代码范式与检查清单，未提供收费、价格、平台支持范围与效果数据，暂未提供相关安装步骤与依赖版本要求。