impeccable
为AI编程助手提供前端设计指导和自动化审查的专用技能。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：impeccable。 它的用途是：为AI编程助手提供前端设计指导和自动化审查的专用技能。 完整的 Skill 内容见：https://321skill.com/skills/impeccable/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'/impeccable audit src/components/Checkout'，它会自动运行可访问性、性能和响应式设计等技术审查，并给出修改建议。或者说：'/impeccable polish the landing page hero section'，它会根据已定义的品牌设计规范，对英雄区域的代码进行最终润色和设计系统对齐。
介绍
Impeccable 旨在解决AI生成前端代码时普遍存在的设计同质化和质量参差不齐的问题。许多AI模型基于相似的SaaS模板训练，导致项目常出现千篇一律的字体、配色和布局。该技能通过提供一套标准化的设计指导和自动化检查规则，帮助开发者获得更具原创性和高质量的前端产出。
使用Impeccable非常简单。在项目根目录运行 npx impeccable install 安装后，即可在AI编码工具中使用 /impeccable init 命令进行初始化。它会引导你填写产品、品牌、设计风格等信息，生成 PRODUCT.md 和 DESIGN.md 文件，为后续所有设计命令提供上下文。之后，你可以使用 /impeccable 后接23个具体命令（如 audit, polish, critique）来审查、优化或迭代你的前端代码。
这个技能非常适合前端开发、UI设计师和全栈开发人员使用。特别是那些希望借助AI（如Claude、Cursor）快速生成或迭代前端界面，但又需要确保设计独特性、一致性和技术质量的开发者。它帮助开发者与AI建立共同的设计语言，将设计意图高效转化为代码。
使用建议是，对于任何新项目，都从 /impeccable init 开始，以奠定设计基础。其内置的60条确定性检测规则和浏览器实时迭代模式，可以在不消耗API调用的情况下进行快速视觉调整和问题排查，善用这些功能可以显著提升效率。注意，它主要聚焦于前端设计和UX审查，不涉及后端逻辑或复杂的业务代码生成。
核心特点
与同类设计技能（如Anthropic的frontend-design）相比，Impeccable提供了更系统化的设计上下文管理（通过PRODUCT.md/DESIGN.md）和更丰富的命令集（23个），并独创了60条无需LLM调用的确定性检测规则，可在本地或浏览器中零成本运行质量审查。
注意事项
该技能主要专注于前端界面设计、UX审查和视觉迭代，不适合用于生成后端业务逻辑、复杂算法或非Web界面的代码。
常见问题
Impeccable 需要API密钥吗？
其核心的60条确定性检测规则和浏览器实时迭代模式无需API密钥即可运行。但部分LLM驱动的深度审查功能需要结合AI编码工具使用。
可以和哪些AI编码工具一起用？
设计上与Claude、Cursor等支持Skill的AI编码工具兼容，通过 `/impeccable` 命令调用。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/impeccable/raw/index.md 读取 impeccable 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/impeccable/raw/index.md（查看排版版本）