最近盯着 GitHub 周榜的人,应该都绕不开 pbakaus/impeccable 这个名字。截至 11 月 1 日,它的星标已经冲到 9.8 万左右,周榜第二连庄两周(上周 +7,283,本周 +9,713),10 月 31 日还拿下单日涨星第一(+2,300)。一个不生成代码、不跑模型的"设计 skill",热度压过了一大票正经开发工具。知乎哔哩哔哩
它想解决的问题,用 Claude Code、Cursor、Codex 写前端的人都有体感:页面能跑、组件齐全,但一眼看上去就是"AI 味"。Impeccable 的 README 把原因说得很直白——“Every model trained on the same SaaS templates”,所有模型都是拿同一批 SaaS 模板喂出来的,所以不给约束时,产物稳定地长出同一张脸:Inter 字体通刷、紫到蓝的渐变、卡片里套卡片、彩色背景上压灰字。这个痛点在社区里是真热:小红书上"让 AI 拥有高级审美"的工作流视频收藏量六七千,知乎十月底连着出了好几篇测评。GitHub小红书
但热度高不等于适合你。10 月 28 日知乎一篇独立实测,给出了和官方宣传不太一样的答案。这篇文章把该装的、不该装的、要踩的坑都摊开了,值得单独讲一讲。
它到底是什么:一门词汇课,加一台检测器
先说清楚 Impeccable 不是独立软件,也不是新框架。它是一套装进 AI 编程工具的设计规则包,`npx impeccable install` 一条命令装好,在 agent 里跑一次 `/impeccable init`,它会读你的代码、只问推不出来的问题(产品给谁用、要做什么),生成 PRODUCT.md;再用 document 命令把现有视觉系统沉淀成 DESIGN.md。之后就是喊命令:24 个命令分五组,bolder、quieter 这类风格动词,critique、audit 两档评审,polish、harden 收尾,live 还能在浏览器里选中元素现场换变体。
作者的思路很有意思:差距不在模型智力,在 prompt 的词汇量。你说"好看点",它只能猜;你说"pricing 卡片再 bolder 一点",它有写好的 playbook 照着走。README 挂了一组对比图:同一个模型、同一份"利古里亚海岸十四间房家庭旅馆"的需求,不带词汇表出来是奶油底细衬线加药丸按钮——不难看,但你在哪都见过;带上词汇表,整页围着一张夜景版画转,房子立在悬崖上,底下是海。GitHub


而另一半是检测器:62 条纯确定性规则(main 分支注册表已排到 65 条,官网目录挂到 68 条),Rust 写的 17 个 crate 全部开源,不用 LLM、不用 API key、不花一分钱 token。规则名起得很诚实:ai-color-palette 专抓 AI 惯用调色板,overused-font 盯着 Inter 通刷,渐变字、弹跳缓动各有各的条目。官网的 Slop 页甚至把同一产品按 2022、2025、2026 出了三版"时代审美"对照——紫渐变、米色编辑风、GPT 式新粗野主义,各占一个年代。知乎
作者来头也不小:Paul Bakaus,jQuery UI 的联合创造者,早年的浏览器游戏引擎被 Zynga 收购,后来在 Google 参与 Chrome DevTools 产品、管过 AMP 和 Web Stories,离职前是第一任创作者关系负责人。项目本身是从 Anthropic 的 frontend-design skill(第一个被广泛使用的 Claude 设计 skill)长出来的。知乎
独立实测:审美打平免费起点,检查能力拉开差距
知乎作者"AI极简析"做了个回合循环测试:两道题(牙医预约后台、咖啡烘豆所官网),三组对照——装 Impeccable、装它的起点 frontend-design、什么都不装。结果有点反直觉:
两轮评审平均分(满分 10):frontend-design 7.0,Impeccable 6.75,裸奔 5.25。它比不装的强一截,但没赢过自己的免费起点。
手机版评分:Impeccable 两题都是 5.0,三组里最低。
成本:咖啡那题 Impeccable 跑了 19 回合、710.9 秒;frontend-design 只用 4 回合、417.6 秒,API 用量少好几倍。
但程序量出来的无障碍数字完全是另一个故事:牙医后台那题,axe 检测的违规数从裸奔的 106 个降到 0 个(frontend-design 是 71 个)。知乎

作者自己的总结很传神:Impeccable 像请了一位装修师傅,审美跟隔壁那位差不多,但他随身带的水平仪和测电笔是真的好用。它把"品味"拆成了能固定检查的规则——对比度、间距、标题层级、AI 套版痕迹,每次按同一套标准扫一遍。
检测器还有三条独立用法:挂在 agent 身上当 hook,每改一个界面文件就扫一遍、问题实时回灌;终端单独跑 `npx impeccable detect`,目录和网址都收,–json 和 GitHub Actions 注释齐备;以及一个 Chrome 插件,随便哪个网页现场标注。评测博客 paddo.dev 三月那轮测试也佐证了这一点:用 audit、harden、optimize 扫自己的博客,扫出 18 个漏网问题,包括缺 alt 文本、没处理 prefers-reduced-motion。知乎

谁该装、谁该等:四类人对号入座
结合两边测评和仓库现状,判断可以给得比较明确:
天天让 agent 写界面、烦透千篇一律的前端和独立开发者——现在就值得装。但姿势要对:先拿 critique 扫一个已有组件试水,别指望一句"帮我做个高级感官网"就脱胎换骨。它最强的场景是"改已存在的界面",从零起新页面反而要先把 DESIGN.md 写扎实。
有 CI 流程的前端团队——把 detect 接进去是收益最稳的用法。无 API key、零 token 成本、输出 GitHub Actions 标注,等于给 PR 加了道"设计 lint"。两个坑先知道:检测器必须指向构建后的 HTML 或 dist 目录,直接扫源码目录是 0 条,不能当成没问题;只要发现违规 exit code 就回 2,接进 CI 会让流水线直接挂,要先想好怎么处理。知乎
Vue 重度用户和对供应链敏感的团队——建议再等等。预览模式因为两个缺陷整个撤过一次(调过的参数被静默丢弃、变体 CSS 没过消毒直接拼接,issue #386),Vue 的 accept 路径还排在待办里。更实际的是 open issue #813(P1):引擎二进制的 sha256 校验文件和二进制同源发布,等于自己给自己开证明;首次下载后不再复查;引擎 v0.1.5 的产物和 skill v4.3.1 标签指向的源码对不上。另外要知道,设计 hook 挂在编辑动作上、运行不需要模型审批,在 Claude Code 里第一次编辑就可能触发引擎下载;每次开新设计还会从 impeccable.style 拉一份视觉方向目录,telemetry off 关掉的只是匿名记录,关不掉这次拉取(官方声明项目文件、代码和 PRODUCT.md 不上传)。知乎
后端和纯 CLI 工具的开发者——不用凑热闹。这套东西管的是界面,对你收益有限。
天花板在哪:词表给得了词汇,给不了品味
最后说句公道话。Impeccable 的规则库编码的是 Bakaus 个人的审美偏好,它对单次生成有效,但多页面的一致性仍然要自己拿 DESIGN.md 拦;参考文件吃 token,小任务会嫌重;而那些基准测试恰好测的就是它优化的东西,分数有自证成分——连独立实测里"紫蓝渐变"这个官方点名的槽点,三组测试都没复现出来。知乎

所以合理的期待是:把它当验收环节用,别当设计总监用。"一键变好看"这半是锦上添花且成本不低,62 条检查规则这半才是别处拿不到的硬通货。
值得继续盯的三个信号:#813 的校验方案什么时候落地(决定供应链敏感团队能不能进生产)、Vue 的 accept 路径何时补齐、以及规则库会不会继续追着模型审美跑——这三件事任何一个有进展,"等一等"的人群就可以重新评估了。