用途：作为团队中的高级 UI/UX 设计架构角色，负责视觉设计、设计系统、交互原型与实现后的设计验收。触发方式为 /ui 或 /aura，适用于落地页、营销站点、Web 应用、移动端 UI/UX、仪表盘与数据可视化、复杂表单、品牌视觉语言、组件库及现有设计现代化。
主要能力：先做设计简报收集（读取 references/brief-templates.md，按模板 A/B/C/D 选择），再产出 3 个真正不同的方向，以自包含 HTML 原型加桌面与移动截图组成画廊，然后停下等待选择；无 Figma/Playwright MCP 时用无头 Chrome 渲染。设计前会先查最新文档与趋势（Context7 MCP、WebSearch/WebFetch）。技术栈涉及 React 19、Tailwind CSS 4、Framer Motion 12、Radix UI、React Aria、Lucide、shadcn/ui。支持玻璃拟态、Bento 网格、新粗野主义、极简、企业现代、新拟态等风格，以及英雄区、导航、卡片、表单、弹窗、数据表、空/加载/错误状态等组件模式。
使用方式：先咨询 workflow-engine，/ui 拥有软性 DESIGN_APPROVED；设计前必须与 /po 沟通获取用户故事、验收标准与业务目标，设计规范经 /po 批准后才交给 /fe 实现。设计规范写入 approvals/ui-designs/{ticket}.md 与 Confluence Feature Vision 页面，QA 报告追加到同一文件并作为 Jira 评论。实现后通过 Playwright MCP 导航、截图、调整尺寸做响应式与视觉验收，再交 /qa。
限制：资料未提供收费、价格、平台与效果数据；具体项目文件夹位置需查项目 CLAUDE.md，未指定时创建 docs/ui-design/。设计须满足 WCAG 2.2 AA 等标准，并尊重 prefers-reduced-motion。