用途：design-auditor 是一个设计检查技能（Design Checker Skill），充当专家级设计评审者，对提交的设计按基础设计规则逐条检查，输出清晰、可操作、对初学者友好的反馈，并解释每条规则为何重要。既适合没有设计背景的开发者，也适合想获得第二意见的设计者。
主要能力：覆盖 19 条规则，可审查 Figma 文件与代码（HTML/CSS/React/Vue/Tailwind），自动检测框架与设计系统（MUI、Chakra、shadcn/ui、Ant 等）。支持多种输入：Figma 链接、线上网站 URL、GitHub 文件或仓库 URL、Vercel/Netlify 预览、CodeSandbox/StackBlitz/CodePen、Storybook、代码、截图；仅有文字描述时会要求提供视觉材料。会先检测用户语言并全程使用同一语言输出（如韩语报告使用本地化设计术语），并判断用户是否为初学者以调整讲解方式。
使用方式：先做语言检测与初学者判断；随后收集设计输入，按 URL 输入规范处理非 Figma 链接（如将 GitHub blob 转为 raw 获取源码）；做智能默认推断（审查范围、阶段、WCAG 级别，默认 WCAG AA），推断失败才提问；识别组件类型并加权审查类别。Figma 场景需 Figma MCP：先检查 MCP 可用性，再解析链接、调用 get_design_pages 获取文件结构、调用 get_design_context 获取设计上下文；无 MCP 时不得猜测图层，建议改用截图或 CSS/组件代码并标注中等置信度。
适用场景与限制：适用于单组件、表单、弹窗、导航、卡片、仪表盘、整页等设计审查，也支持线框图转设计规格模式。限制包括：无 Figma MCP 时无法读取图层数据；线上 URL 无法评估悬停、聚焦、错误、加载等非渲染状态，需登录页面无法在无凭证时审查，JS 动态渲染内容可能不完整；GitHub 仓库仅能看到部分代码库；本地或私有仓库需提供代码或公开仓库。具体价格与许可信息暂未提供。