用途：该技能面向 UI/UX 实现，覆盖组件设计、无障碍要求、响应式设计与设计系统集成，适用于设计新 UI 组件、实现无障碍功能、创建响应式布局、集成设计系统以及使用 CSS/Tailwind 编写样式。
主要能力：组件设计强调单一职责、可组合、类型化 props；无障碍遵循 WCAG 2.1 AA 要点，包括 4.5:1 文字对比度、可见焦点、键盘导航、图片替代文本、表单标签与错误提示，并给出语义 HTML、ARIA 模式（对话框、选项卡、实时区域）与模态框焦点陷阱示例；响应式采用移动优先与断点（sm 640px、md 768px、lg 1024px、xl 1280px、2xl 1536px），提供网格、显隐、排版与间距模式；设计系统集成涉及设计令牌、Tailwind 配置与统一组件 API。
使用方式：按资料中的组件清单检查类型化 props、默认值、可组合性、无障碍、响应式与测试；使用语义标签与 ARIA 属性；用 Tailwind 类或媒体查询实现断点；通过 tokens 与 tailwind.config.js 扩展主题。
限制与注意：资料列出禁止项，如用 div 加点击处理、移除焦点轮廓、仅靠颜色传达信息、省略有意义的 alt、使用破坏移动端的固定宽度；建议用键盘导航测试、检查对比度、提供焦点指示、使用语义元素并在多尺寸测试。相关技能为 react-patterns、nextjs-patterns，工具为 Lighthouse、axe DevTools、WAVE。具体安装命令、收费与平台信息暂未提供。