用途:对项目进行 UI/UX 设计审查,遵循极简与“必然性”设计理念,仅处理视觉与交互层面,不触碰应用逻辑、状态管理、API、数据模型或业务规则。
主要能力:
- 项目设计上下文发现,分三级:先在仓库根目录与 docs/ 查找 DESIGN_SYSTEM.md、FRONTEND_GUIDELINES.md、APP_FLOW.md、PRD.md、TECH_STACK.md、progress.txt、LESSONS.md、ATOMIC_DESIGN.md;未命中则搜索 tokens、主题、Tailwind/NativeWind 配置、设计文档及 CLAUDE.md/AGENTS.md/CURSOR.md;仍未命中时若开发服务器运行,按移动视口逐屏截图走查。
- 按 15 个维度逐屏审查:视觉层次、间距节奏、排版、色彩、对齐与网格、组件、图标、动效过渡、空状态、加载状态、错误状态、深色模式/主题、密度、响应式、可访问性。
- 应用“Jobs 筛选”:对每个发现运行保留或删除清单,未通过三项以上删除问题的元素建议移除,通过三项以上提升问题的优先处理。
- 输出分阶段设计计划:阶段一关键问题、阶段二精修、阶段三打磨,另附设计系统更新与实现说明(精确到文件、组件、属性及旧值到新值)。
- 实施后更新 progress.txt、LESSONS.md、DESIGN_SYSTEM.md,并给出改动屏幕的前后对比。
使用方式:先完成发现阶段并汇总已找到与缺失内容,再逐屏审查与筛选,编译计划后等待用户逐阶段批准,仅执行已批准内容。参考文件按需加载:审查时 references/audit-dimensions.md,筛选时 references/jobs-filter.md,写计划时 references/design-rules.md,处理边界情况时 references/scope-discipline.md,实施后 references/post-implementation.md。
适用场景:需要系统化视觉审查、统一设计系统、提升界面一致性与可访问性的前端或移动端项目。
限制:不修改功能与业务逻辑;任何可能影响行为的视觉改动须先确认;遇到未记录的流程或边界情况应停止并询问,不得基于假设设计;不实现未获批准的内容。安装方式与具体运行命令暂未提供。