AI 写的界面总有一股"AI 味"？9.7 万星的 impeccable 给编程助手补了一套设计词汇

让 AI 给你写个页面，十次有九次一个样：Inter 字体打底、紫蓝渐变、卡片套卡片、每个标题上面顶一个圆角图标、彩色底上印灰字。不管换哪个模型、哪个项目，这套"AI 味"阴魂不散。一个叫 impeccable 的开源项目就是来治这个的：去年 11 月建仓、已 9.7 万星，最近两天又冲回 GitHub 趋势第一。

它是什么：给编程助手的一套设计词汇

impeccable 的自我定位就一句话：the design vocabulary for your coding agent。它不是模板库，也不是让你换个主题，而是给助手一套能精确执行的命令。以前你说"make it pop"，助手只能靠猜；现在你说 /impeccable bolder the pricing cards，它加载的就是专为"加粗定价卡"这一招写的 playbook，并且只动这一个目标。

安装也简单，项目根目录跑 npx impeccable install，重启编程工具，在 Agent 里跑 /impeccable init 就行。支持 Claude Code、Cursor、Codex CLI、GitHub Copilot、Devin、Replit Agent、Gemini CLI、Grok Build、OpenCode、Google Antigravity、Kiro、Trae 等一长串工具，文档在 impeccable.style/docs。

24 个命令，分四组

• Steer（调整方向）：bolder 放大安全设计、quieter 压住太吵的、distill 删掉页面不需要的、colorize 给灰界面上色、typeset 修字体层级和尺寸、layout 修间距节奏、animate 加过渡和交互反馈、delight 加个性、overdrive 上着色器、弹簧物理和滚动驱动效果；
• Review（评审）：critique 按可用性启发式打分并排出先修什么；audit 查无障碍、性能、主题、响应式，结论按 P0（阻塞）到 P3（打磨）分级；
• Finish（收尾）：polish 发版前最后一遍、harden 管报错、国际化、溢出和边界情况、clarify 重写含糊文案、adapt 管屏幕尺寸和设备、optimize 修加载和渲染性能、onboard 设计首次使用流程和空状态；
• 实时迭代和规划：live 在浏览器里点一个元素循环看变体、generate 直接生成某个元素的变体；shape 写代码前先规划体验、init 写 PRODUCT.md、document 写 DESIGN.md、extract 把重复模式抽进设计系统。

两个机制值得单独说

一是上下文文件：init 会读你的代码，只问它推断不出的事（产品给谁用、要干什么、约束是什么），写成 PRODUCT.md，之后每个命令都读它；document 则把你现有的视觉系统抓出来写成 DESIGN.md，这样后续改动不会跑偏品牌。

二是slop 检测器：62 条确定性规则，专门抓上面那些"AI 味"特征，外加拥挤间距、跳级标题这类质量问题。关键是不用大模型、不用 API key，本地就能跑。

效果例证：同一模型、同一需求，前后对比

仓库给了一个对照：同一个模型（Fable 5.1）、同一份需求（利古里亚海岸一家 14 间客房的家庭旅馆）。不用 impeccable，出来的是"体面的默认项"：奶油底、细衬线标题、斜体点缀、药丸按钮、圆角卡片里的扁平插画；用了之后，页面围绕一张图展开：夜里从海面看过去的旅馆全幅雕刻风夜景、紧凑的奶油加朱红标题、底部一条月份条。还有一个完整案例：Neo Mirai 会议站从 mockup 到上线。

上手建议和提醒

• 仓库自己说了：它最强在改已有界面，指着一个页面或组件迭代；从零新建页面是更难的模式，先看文档里的 new-work 一节；
• 先从一个组件开始，比如 /impeccable critique the pricing cards——窄目标近距离评审，效果好过整页粗看；
• 常用命令可以钉住，比如 /impeccable pin audit 之后就能直接用 /audit；
• 命令再多也代替不了审美判断：它给的是词汇和评审，往哪个方向走，还是你定。

项目地址：https://github.com/pbakaus/impeccable