SuperAPI AI 工具集

design-audit

设计与创作

查看项目

更新于 10-16 08:05

技能介绍

用途:审查当前设计系统,找出违规、缺口与不一致,评估设计债务。

主要能力:盘点设计令牌(颜色、字体、间距、阴影);检查令牌使用一致性;发现硬编码值与魔法数字等违规;评估无障碍(WCAG 合规);报告累积的设计债务。

使用方式:该技能会先加载 design-tokens 与 web-design-guidelines 两个设计技能,然后扫描 Tailwind 配置(tailwind.config.ts、globals.css)、CSS 变量、主题文件与组件默认值来提取当前令牌;随后按颜色、字体、间距、组件等类别审计令牌使用,并执行无障碍检查(如 /rams 评分,检查颜色对比度、焦点状态、触摸目标、屏幕阅读器支持);最后输出审计报告,包含令牌清单、一致性评分、关键问题、债务项、RAMS 评分与建议。若需设计系统图示(组件层级、令牌关系),可使用 /beautiful-mermaid 生成生产级渲染。

适用场景:需要评估或清理现有设计系统、统一设计令牌、排查硬编码样式、提升无障碍合规性时。

限制:资料未提供具体安装命令、收费方式、支持平台及运行环境要求;实际效果取决于项目结构与配置,暂未提供更多细节。