这个 Claude Skill 能给你的 UI 打分，还能检测法律合规问题

最近在挖 Claude Skills 宝藏的时候，发现了一个让我眼前一亮的工具——Design Auditor。

它干的事很简单：把你的 UI 设计（不管是 Figma 文件、截图、代码还是线框图）丢进去，Claude 就能给你一份专业的设计审计报告。

但它的审计维度真的让我吃了一惊——19 个检查维度，从基础排版、颜色对比，到 WCAG 无障碍合规，到”道德设计”（Dark Patterns）检测，到 GDPR/CCPA 等法律合规基线，全包了。

先说最实用的三个功能

1. 三份独立评分报告
它不只给一个总分，而是给你三份独立的评分：Design 分数（设计质量）、AI Slop 分数（检测你的 UI 是不是有 AI 批量生成的廉价感）、Accessibility 分数（无障碍合规）。每个维度 A–F，让你一眼看到哪里最拖后腿。

2. 法律合规拦截
这个是我见过最强的——它会标注”🚫 Blocker”级别的法律问题。比如 Cookie 同意横幅不符合 GDPR 规范，比如”全选接受”按钮比”拒绝”按钮视觉权重更大，这在某些司法管辖区是违规的。PM 和法务看到这个都得谢谢你。

3. Figma + 代码双端审计
支持直接接 Figma MCP 审计源文件，也支持把 HTML/CSS/React 代码丢给它审计。Figma Auto Layout 检测、设计-to-code 对齐检查、wireframe 转开发规格说明书，全链路覆盖。

谁最适合用？

前端开发者：做了个 UI 但不确定设计合不合规？丢进去，出来一份带优先级的修复建议，连代码 diff 都给你。

产品经理：看设计稿的时候不知道从哪下手？Design Auditor 能帮你快速识别优先级最高的问题。

没学过设计的任何人：它会先判断你的专业水平，然后用你能听懂的语言解释每条规则，不卖弄术语。

怎么装？

mkdir -p ~/.claude/skills/design-auditor
curl -L https://claudskills.com/skills/design-auditor/SKILL.md 
  -o ~/.claude/skills/design-auditor/SKILL.md

重启 Claude Code，它就自动识别了。支持英文和韩文双语，中文产品也可以试试。

说实话，之前我写代码总觉得”能用就行”，直到看到它给我打出的 62 分才意识到——设计真的不能糊弄。这个 Skill 值得所有写前端的人装一个，至少让自己知道自己踩了哪些坑。

GitHub：Ashutos1997/claude-design-auditor-skill

GitHub: https://github.com/Ashutos1997/claude-design-auditor-skill