SuperAPI AI 工具集

design-audit

设计与创作

查看项目

更新于 10-26 16:20

技能介绍

design-audit 是设计流程中的第 5 阶段(DESIGN AUDIT),定位为动画应用之后的最终质量验证环节。其输入是第 4 阶段产出的、包含动画、交互状态与视觉效果在内的完整组件,以及作为审计基线的 design-system.md。

主要能力按资料分为以下几类:

审计基线加载:读取 design-system.md,确定预期的设计令牌(tokens)、字体与颜色。

审计清单检查:依据 references/audit-checklist.md 执行完整审计流程,包括排版(字体是否符合设计系统、是否出现禁用字体、流体字号比例是否生效)、颜色(是否全部使用 OKLCH、是否避免硬编码 hex/RGB、是否使用语义令牌)、间距(基础单位是否一致、是否出现随意数值)、动效(时长是否在限制内、是否支持 reduced-motion)。

一致性检查:依据 references/consistency-checks.md 检查跨组件的视觉一致性,如圆角、阴影与间距节奏。

通用 AI 设计检测:依据 references/anti-ai-slop-audit.md 识别常见的模板化 AI 设计特征,例如泛用紫色渐变、Inter 字体、扁平背景、缺失动画等。

WCAG 验证:依据 references/ux-wcag.md 校验文本对比度不低于 4.5:1、UI 元素对比度不低于 3:1,并检查焦点指示与最小 44x44px 触控目标。

UX 启发式评估:应用 Nielsen 可用性启发式(references/ux-nielsen.md)、UX 定律如 Fitts、Hick、Miller(references/ux-laws.md)以及常见 UX 模式(references/ux-patterns.md)。

报告与修复:生成按 Critical / Major / Minor 分级的审计报告,并给出修复建议;在进入下一阶段前修复所有 Critical 与 Major 问题。

使用方式:该技能在动画阶段完成后触发,按上述步骤顺序执行,最终产出审计报告与已应用的修复,要求所有 Critical/Major 问题解决、达到 WCAG AA 合规并通过通用 AI 设计检测。后续交接至第 6 阶段 FINAL REVIEW(6-handoff-review/SKILL.md),进行明暗两种模式的截图对比与差距修复。

适用场景:设计系统驱动的界面开发流程中,用于在交付前做质量与可访问性的系统性把关。

限制:资料未提供具体安装方式、命令、支持的平台、运行环境与价格信息。