用途：指导前端用户界面的设计与实现，保证架构一致、无障碍、响应式且性能良好。涵盖组件模式、设计系统集成、状态管理选型与 WCAG 合规。
主要能力与流程：使用开始时需声明正在使用该技能。第一阶段为发现，需询问要构建的组件或页面、框架/库、是否已有设计系统、支持的设备、无障碍要求（WCAG 级别）与所需数据，并在设计前汇总约束与方案。第二阶段为组件架构选择，提供决策表：原子设计、复合组件、Hooks 模式、容器/展示组件，并给出原子到页面的层级示例。第三阶段为响应式设计，列出 sm 640px、md 768px、lg 1024px、xl 1280px、2xl 1536px 断点与移动优先策略，区分媒体查询与容器查询、clamp() 流体字体、srcset 图片适配。第四阶段为无障碍，依据 WCAG 2.1 AA 给出语义 HTML 用法、ARIA 规则、键盘导航要求、颜色对比（正文 4.5:1、大文本 3:1、UI 组件 3:1）与屏幕阅读器测试建议。第五阶段涉及状态管理选型（本地 useState/useReducer、共享 Context/Zustand/Jotai、服务端 TanStack Query/SWR、表单库、URL 状态）与性能优化清单（懒加载、虚拟化、memo 等）。另含设计令牌与组件变体、主题支持、反模式表、禁止事项与验证清单。
限制：不省略无障碍，不推荐 div 加 onClick 代替语义元素，需先测量再优化，且在用户批准组件规格前不应声称完成；具体安装命令与收费信息暂未提供。