SuperAPI AI 工具集

design-audit

设计与创作

查看项目

更新于 10-15 09:50

技能介绍

用途

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 质量的团队。

限制

关于收费、价格、平台支持范围、具体效果等事实,资料中暂未提供。