让AI做个网页,十有八九得到同一张脸:紫蓝渐变背景、三个并排的功能卡片、酷似Inter的无衬线字体,再配一排圆角图标块。代码能跑,布局不乱,但打开的那一秒,你就闻到了那股味——AI味。知乎

这不是错觉。开源项目Impeccable的说明文档里写得很直白:所有模型都在同一批SaaS模板上训练过,你不提具体要求,它就吐出同一批惯性动作——Inter字体用遍全站、紫到蓝的渐变、卡片套卡片、彩色底上放灰字,每个标题头顶还压着个圆角图标块。GitHub
最近一年,两个开源项目向这股AI味宣战,而且都冲上了GitHub热榜:Impeccable,8.9万星;Hallmark,3.6万星,上周还在更新。思路一致:不再做又一个网页生成器,而是给Claude Code、Cursor、Codex这些AI编程工具装上一套"设计规矩",把原本靠感觉的事,变成可检查、可拦截的规则。
Impeccable:62条硬规则,第一条就是"别用Inter"
作者是jQuery UI的创造者Paul Bakaus,项目脱胎于Anthropic官方的frontend-design技能。它内置24条命令和62条确定性检测规则:audit查无障碍和响应式,polish做交付前最后检查,bolder和quieter管大胆与克制,还有专门加动效的animate。最实用的一点:这62条规则由命令行工具和浏览器插件直接跑,不需要大模型、不需要API key。检查结果不取决于模型今天心情如何,是就是,不是就不是。GitHub

Hallmark:三道关卡,过不了别想上线
Together AI出品,MIT协议,做法更狠——直接把AI味写成三层关卡。Floor是死线:对比度不够、焦点态缺失、编造数据、手机布局崩掉,碰一条就拦下;Reflex专打模型惯性,比如每个标题上方压一行全大写小标签、点了只弹"谢谢"却不真发请求的假表单,想推翻可以,但必须写明理由留档;Finish管收尾细节,不阻断交付。知乎GitHub知乎

它的检查也不是纸上谈兵:sloplint会用真实浏览器在8个屏幕宽度下渲染页面,再交给一个"干净上下文"的子代理用陌生眼光复审——不让写代码的AI自己给自己打分。GitHub知乎
对老页面,它有/hallmark redesign命令:动手前先记录页面里所有链接、表单字段、事件处理器,改完少一个就判失败。这精准打击了vibe coding最经典的翻车现场——页面改漂亮了,按钮不灵了。知乎
配图同样讲究:内置755张来自Wikimedia Commons的开放授权真实照片,每张用了都署名,并且特意避开Unsplash这类禁止AI抓图的图库。知乎
装之前,先泼三盆冷水
一是过了检查不等于好设计。这两个项目解决的是"不像模板",真正关乎品牌、用户和内容的判断,仍然得人来下。二是完整检查有成本:浏览器渲染、8个宽度、子代理复审,一个简单内部管理页未必每次都要走全套。三是规则可能和产品打架:有些企业后台就该用标准化卡片布局,为了"不像AI"硬凹造型,反而伤可用性。知乎
谁该装
三类人最划算:常年用AI出官网和作品集的独立开发者,装上等于地板价提高;需要多人、多工具统一前端质量的团队,把设计共识写成规则比开会管用;手里有旧站想翻新的,先跑一遍audit免费体检,再决定动不动手。

安装都是一条命令:npx impeccable install,或npx skills add nutlope/hallmark(需要Node 18+;浏览器渲染检查还要装puppeteer-core和Chrome)。GitHub
AI编程的竞争,原来是能不能写出代码;现在代码近乎免费,竞争变成了写出来的东西像不像人做的。那股被全网嘲笑的AI味,如今正在被一条条写成工程规范——这大概是最近半年软件圈最有意思的转变。