2026年7月28日
Impeccable：给 AI 编程工具补上一套前端设计语言
AI 能快速生成页面，但“能运行”不等于“像一个认真设计过的产品”：常见结果是卡片套卡片、紫蓝渐变、层级模糊，换个项目仍是同一套模板。Impeccable 没有再造一个代码生成器，而是把设计上下文、评审命令和确定性检测规则接入现有 AI 编程工具。项目当天位居 GitHub 总榜
AI 能快速生成页面，但“能运行”不等于“像一个认真设计过的产品”：常见结果是卡片套卡片、紫蓝渐变、层级模糊，换个项目仍是同一套模板。Impeccable 没有再造一个代码生成器，而是把设计上下文、评审命令和确定性检测规则接入现有 AI 编程工具。项目当天位居 GitHub 总榜前列，适合经常用 Agent 做前端的开发者关注。
📌 这个项目是干什么的
- 它以一个 Agent Skill 提供 23 个命令，覆盖设计初始化、页面塑形、UX 评审、无障碍与性能审计、响应式适配及最终润色。
/impeccable init会生成PRODUCT.md，并可建立DESIGN.md，让后续任务持续读取产品受众、品牌语气、颜色、字体和组件约束。- CLI 与浏览器扩展内置 60 条确定性规则，可检查过度使用渐变、卡片嵌套、触控区域过小、标题层级跳跃等问题；这部分无需 LLM 或 API Key。
- 项目采用 Apache-2.0 许可证，官方最新 Skill Release 为 v4.0.2。
🔍 为什么值得关注
第一，它解决的不是“再写一段提示词”，而是设计约束无法沉淀的问题。产品背景进入项目文件后，audit、critique、polish 等动作共享同一套上下文，团队也能在代码库里审阅和维护这些约束。
第二，它把主观建议和可重复检查分开。视觉方向仍需模型与人判断，但明显的反模式可由规则扫描；CLI 还支持 JSON 输出，便于放入 CI。这个组合比只让模型评价自己刚生成的页面更可控。
🧪 谁适合试，怎么开始
适合使用 Claude Code、Cursor、Codex CLI、Gemini CLI、GitHub Copilot 等工具开发网页，又缺少专职设计支持的个人和小团队。可先在测试项目根目录运行：
npx impeccable install重载所用编程工具后，执行 /impeccable init，再选择一个已有页面运行 /impeccable audit。先看它发现的问题是否符合团队标准，再尝试 polish 或 layout，不要直接对整个生产站点批量改写。
⚠️ 使用提醒
Impeccable 提供的是设计指导与检测，不会替代用户研究、品牌决策和真实设备验收。部分原生 Hook 需要项目信任或人工批准；安装脚本也会向不同工具目录写入 Skill 与 Hook 配置，提交前应检查 git diff。规则中的字体、动效等偏好并非普遍真理，已有设计系统的团队应通过忽略配置保留合理例外，而不是机械接受全部修改。