用途:design-audit 是设计工作流第五阶段的最终质量验证技能,在第四阶段动画应用完成后运行,用于审核界面是否符合设计系统与无障碍标准。它以 design-system.md 作为审计基线。
主要能力:按 references/audit-checklist.md 执行审计清单,涵盖排版(字体匹配设计系统、无禁用字体、流式比例正常)、颜色(全部为 OKLCH、无硬编码 hex/RGB、使用语义化 token)、间距(统一基础单位、无魔数)、动效(时序在限值内、支持 reduced-motion)。同时按 references/consistency-checks.md 检查跨组件视觉一致性(圆角、阴影、间距节奏),按 references/anti-ai-slop-audit.md 检测通用紫色渐变、Inter 字体、扁平背景、缺少动画等常见 AI 设计痕迹。
无障碍验证:依据 references/ux-wcag.md 检查 WCAG,文本对比度需达到 4.5:1、UI 元素 3:1,并检查焦点指示器、触摸目标至少 44x44px。还应用 Nielsen 启发式、UX 定律(Fitts、Hick、Miller)与常见 UX 模式。
使用方式:先加载设计系统基线,再依次运行各审计项,生成按 Critical / Major / Minor 分类的审计报告并给出修复建议,随后修复所有 Critical 与 Major 问题。输出为分类审计报告与已应用的修复。
适用场景与限制:用于设计到开发的交接前质量把关,需配合设计系统文件和相关参考文档使用。输出要求所有 Critical/Major 问题解决、符合 WCAG AA、通过反 AI 设计检测。资料未提供具体安装命令、收费与平台信息。