用途
design-audit 是一个全项目设计审计技能,用于对当前项目或指定路径执行综合性的 UI/UX 设计审计。当用户要求审计设计时使用。它通过编排多个专业智能体,从多个维度评估项目设计质量,并生成带优先级的行动计划。
主要能力
- 加载知识库:读取知识索引及全部 21 个知识文件。使用 uiux_knowledge_query 并设置 listFiles: true 获取完整清单。每个智能体读取其分配的知识文件(映射见 knowledge/INDEX.md)。证据库、原则、反模式与趋势文件为所有智能体的必读内容。
- 扫描项目:使用 uiux_scan_project 检测框架、样式、组件库、主题系统。
- 展示画像:向用户展示检测到的内容并请求确认。
- 调度智能体:并行启动所有相关专业智能体(每个智能体先读取其知识文件):
- color-analyst:色彩系统诊断
- typography-analyst:排版系统诊断
- layout-analyst:布局、间距、网格分析
- component-reviewer:组件质量与一致性
- accessibility-auditor:WCAG 合规检查
- interaction-analyst:动效、过渡、反馈
- psychology-analyst:认知负荷、层级、信任
- visual-style-advisor:风格方向评估
- platform-advisor:平台规范遵循
- ux-flow-analyst:导航与用户流程
- performance-ux-analyst:加载与感知速度
- 汇总评分:使用 uiux_score_overall 计算加权总分。
- 生成报告:完整 Markdown 报告,包含项目设计画像、评分卡(12 个维度)、按影响排序的前 20 项发现、各维度详细报告、优先行动计划(快速见效/中期/重大)、智能体调度策略。
使用方式
命令用法:
/design-audit # 审计当前项目 /design-audit /path/to/project # 审计指定项目
智能体按并行波次启动:
- 波次 1(始终):color-analyst、typography-analyst、layout-analyst、accessibility-auditor、component-reviewer
- 波次 2(始终):interaction-analyst、psychology-analyst、visual-style-advisor
- 波次 3(如适用):platform-advisor(若为移动/跨平台)、ux-flow-analyst(若有路由)、performance-ux-analyst(若有数据获取/图片)
输出
- 完整审计报告保存到项目根目录的 design-audit-report.md。
- 评分卡内联展示,便于快速概览。
- 每项发现可内联引用一条或多条 UX 定律(例如 [!] psychology: 12-item nav menu - violates Hick's Law, Choice Overload)。当任何发现带有定律时,报告末尾以 ## Laws of UX Coverage Markdown 表格总结各定律的违规计数与最严重项。智能体从 knowledge/laws-of-ux.md 和 uiux_laws_query MCP 工具中查找定律显示名称与一手来源引用。
适用场景
适用于需要对项目进行整体设计审计、希望获得多维度评分与优先改进建议的场景,尤其适合已有前端项目、需要系统性评估 UI/UX 质量的团队。
限制
关于收费、价格、平台支持范围、具体效果等事实,资料中暂未提供。