claude-design-auditor-skill
专业的自动化设计审计工具，覆盖19个设计类别，为开发者与非设计师提供专家级验证。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：claude-design-auditor-skill。 它的用途是：专业的自动化设计审计工具，覆盖19个设计类别，为开发者与非设计师提供专家级验证。 完整的 Skill 内容见：https://321skill.com/skills/claude-design-auditor-skill/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“请审计这个 Figma 设计稿的链接：[你的 Figma 链接]”，它会自动分析并提供包含分数、问题分类（如色彩对比、间距）和具体修复建议的详细报告。或者
对AI说：“这是我的 React 组件代码，请检查其 UI 设计问题”，它会分析代码并给出可操作的前端样式与可访问性优化建议。
介绍
Design Auditor 是一个专为开发者、产品经理和非设计师打造的 Claude Skill，旨在解决团队中缺乏专业设计评审能力的问题。它能够自动检查 Figma 文件、代码、截图或线框图，并提供详尽的评估报告，帮助用户在设计阶段就发现并解决问题，避免后期返工。
使用方式非常灵活：您可以直接粘贴 Figma 链接、上传截图、提交 HTML/CSS/React/Vue 代码片段，或者描述您的设计想法。该 Skill 会基于 19 个专业设计类别（如排版、色彩对比、可访问性、一致性等）进行深度分析，并生成包含分数、问题严重程度和具体修复建议的审计报告。
它特别适合前端开发、全栈开发和产品经理等角色，他们可能不具备系统的设计知识，但需要确保产出物的设计质量与合规性。对于 UI 设计师而言，它也是一个高效的自我审查和查漏补缺的工具。
建议在项目设计稿定稿前、开发实现过程中或代码 Review 阶段使用。请注意，它提供的是基于规则的自动化建议，对于高度创新或艺术化的设计决策，仍需结合人类设计师的专业判断。
核心特点
与同类设计检查工具相比，它深度整合了 Figma MCP，可直接在 Figma 文件中修复问题；并提供独特的“Teach Me”教学模式，不仅指出问题，还解释背后的设计原理。其审计范围远超基础的可访问性检查，涵盖视觉层次、动效、国际化等19个完整类别。
注意事项
不适合用于评估高度概念化、艺术导向或完全脱离现有设计范式的前沿创意设计。
常见问题
支持哪些设计稿格式？
支持 Figma 链接、代码（HTML/CSS/React/Vue）、截图、线框图和文字描述。
能直接修改我的设计文件吗？
可以，通过 Figma MCP 功能，它能直接在您的 Figma 文件中应用部分修复建议。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/claude-design-auditor-skill/raw/index.md 读取 claude-design-auditor-skill 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/claude-design-auditor-skill/raw/index.md（查看排版版本）