AI 生成的界面千篇一律？71 千星项目给了 61 条硬规矩

AI 生成的前端界面为什么总是一个味？impeccable 的 README 把症状列得相当扎心：所有模型都在同一批 SaaS 模板上训练出来的——不给指导，每个项目都是那几样：Inter 字体包打天下、紫到蓝的渐变、卡片里套卡片、彩底上的灰字、每个标题上面一个圆角方块图标。

impeccable（pbakaus 开源，71.4 千 stars）就是冲着这个来的：给 AI 编码 agent 的设计指导体系——1 个技能、24 个命令、浏览器实时迭代，外加 61 条确定性检测规则。它脱胎于 Anthropic 官方的 frontend-design 技能，是站在那个起点上做的工程化强化。

三个层次的设计体系

第一层：PRODUCT.md 沉淀产品真相。 /impeccable init 会检查项目、只追问关键信息缺口，把受众、目的、使用场景、约束、语气和依据写进 PRODUCT.md——后续所有命令都知道"这是给谁做的"，不会把产品事实和表面视觉方向搞混。既有视觉系统或新构建的视觉方向则单独记录在 DESIGN.md。

第二层：24 个命令的设计词汇表。 和 AI 共享一套设计语言：polish（打磨）、audit（技术审计）、critique（UX 评审）、bolder（放大胆子）、quieter（收敛）、distill（提炼本质）、harden（错误处理/i18n/边界）、animate（有目的的动效）、colorize、typeset、layout……每个都是一次可执行的指令，而不是一句需要猜的形容词。

第三层：61 条确定性检测规则。 CLI 和浏览器扩展直接跑，不需要 LLM、不需要 API key——无障碍、性能、响应式这些技术质量有硬性检查兜底，LLM 只负责品味层面的评审。

快速上手

项目根目录两步：

npx impeccable install

然后在 AI 编码工具里：

/impeccable init

init 会检查项目、补齐产品信息缺口、写 PRODUCT.md，并配置浏览器实时模式。之后所有命令都通过 /impeccable 走。

适合谁用

• 用 Claude Code/Cursor 写前端的开发者：24 个命令基本覆盖了从塑形、评审、打磨到上线的全流程；
• 被"AI 味"界面折磨的设计师：61 条确定性规则 + bolder/quieter 这类方向性命令，比反复改提示词高效；
• 想沉淀自己设计体系的人：PRODUCT.md 和 DESIGN.md 分离的设计（产品事实 vs 视觉方向）是个值得抄的模式。

一个关联推荐：如果你读过我们之前写的 design.md 那篇——两者正好互补：design.md 管"品牌规则作为输入"，impeccable 管"生成之后的评估与迭代"。一个喂上下文，一个守质量。

仓库地址：github.com/pbakaus/impeccable，文档 impeccable.style。