Impeccable：AI 前端设计的系统化指导方案

前端设计指导工具 Impeccable，在 GitHub 收获了 37,440 颗 Star：

这个项目来自 Paul Bakaus，为 AI 编码工具提供设计技能体系。包含 1 个 skill、23 条命令、实时浏览器迭代，以及 41 条检测规则。

当前模型训练数据趋同，AI 生成的前端界面常有雷同特征。Inter 字体、紫蓝渐变、卡片嵌套、彩色背景配灰色文字，这些视觉模式反复出现。

Impeccable 从三个层面解决。

第一是项目初始化。/impeccable init 写入 PRODUCT.md 和 DESIGN.md，建立上下文。涵盖受众、品牌定位、语气、反例、配色、字体、组件规范。初始化会判断项目属于品牌型还是产品型界面。

第二是命令体系。23 个命令覆盖从构思到交付的流程。

craft 是完整视觉迭代流程，shape 在编码前规划界面，critique 审查层次结构，audit 检查可访问性和响应式表现，polish 做交付前清理，bolder 和 quieter 调节视觉强度，distill 去除冗余，harden 处理边界情况，animate 添加动效。

其他命令包括 colorize 引入配色，typeset 修正字体层级，layout 调整间距，delight 添加交互细节，overdrive 实现特殊效果，clarify 改进文案，adapt 做设备适配，optimize 关注性能，extract 提取组件，document 生成设计文档，onboard 处理首次使用流程，live 支持浏览器实时迭代。

命令可带参数聚焦模块。如 audit blog 检查博客，polish settings 清理设置。也可用自然语言描述需求。

第三是 AI 生成内容检测。CLI 独立运行，无需 LLM。npx impeccable detect src/ 扫描目录，npx impeccable detect index.html 扫描单个文件。

检测覆盖两类问题。AI 痕迹包括侧边栏边框、紫色渐变、弹性缓动。设计质量问题包括行宽过长、内边距不足、触控目标过小、标题层级跳跃。

安装方式有四种。npx CLI 安装器自动识别工具并写入对应目录。Git 子模块适合团队管理。也可从官网下载 ZIP 或复制 dist 目录下的平台文件。

支持 Cursor、Claude Code、Gemini CLI、Codex CLI、VS Code Copilot、Trae、Rovo Dev、Qoder、OpenCode、Pi、Kiro。

安装后命令通过 /impeccable 调用。常用命令可用 pin 固定为快捷方式，如 pin audit 后可用 /audit。

项目采用 Apache 2.0 协议。官网 impeccable.style 提供了 before/after 案例。

peccable.style 提供了 before/after 案例。