我故意做了个满屏 AI 味的页面,这工具报了 46 条,其中几条我天天在用

一个查界面 AI 味的工具，和它的 62 条规则

今年 7 月我写过一篇，讲一个查 AI 味的工具，那个查的是稿子——你写的文字有没有套路。

昨天我又碰到一个，查的是界面。同一件事的另一半：你做的页面，有没有长成「一看就是 AI 生成的」那张脸。

项目叫 impeccable，GitHub 上九万五千多星，作者 Paul Bakaus，以前在 Google Chrome 团队。我花了两个小时装好跑通，然后干了件更损的事——自己写了个「处处都是 AI 味」的页面，喂给它。

它报了 46 条。里面有几条，是我这半年一直在用的写法。

1. 它查的是配色和边框，不是文案

先把这件事说清楚，免得跟查稿子的那类工具混了。

impeccable 读的是 HTML 和 CSS。它把页面结构解析一遍，看里面有没有踩中它那份规则库——一共 62 条，分 slop（AI 味）和 quality（质量问题）两类。

它不联网、不调模型、不要 API key。纯规则匹配，Rust 写的，Apache-2.0 协议，随便用。项目去年 11 月建的，到现在还在更新。

把 62 条规则全列出来，是这个样子

挑几条它的原话给你看：

· 卡片单侧粗色边：「卡片一边有一条粗色边框，是 AI 生成界面最好认的特征。」

· 紫色渐变：「紫色、紫罗兰色渐变，还有深色底上的青色，是 AI 生成界面最好认的两个特征。」

· 发光阴影：「零偏移的彩色光晕阴影，是 AI 生成界面默认的『酷』。」

·营销套话：streamline、empower、supercharge、world-class、enterprise-grade 这一串，它直接判定为「一眼 AI」。

还有一条，标题上方那行小号大写、字距拉开的小标签——就是压在巨大标题上的「01 — 关于我们」。它的原话是「生成器从不会让这个标签值回票价，删掉它，让标题自己说话」。

我看完这条愣了大概两秒。那个「01 — 关于我们」，我上个月做活动页的时候刚加过。

2. 我写了个反面教材，它报了 46 条

光读规则没意思，得让它真干活。

我花了二十分钟做了个首页，把我知道的所有「AI 味」写法一次全塞进去：紫色渐变标题、单侧粗色边卡片、发光小圆点、呼吸灯动画、Inter 字体、一句话吹到天上。

我自己写的反面教材，紫渐变 + 粗色边 + 发光圆点齐活

一行命令扫它：

npx impeccable detect target.html

扫描结果，最后一行：46 anti-patterns found

46 条。

它不止说「你有问题」，每条都写得挺具体。对比度那条，它直接算出来「1.1:1，需要 4.5:1」，还标出哪段文字压在哪个背景上。发光圆点那条更狠，写的是「8×8 像素的圆点配无限 pulse 动画」——尺寸都给你数出来了。

结果还分了两栏。上面 46 条算「问题」，下面另有 7 条叫 Advisory，意思是「提醒一下，不一定是你错」。比如它说我三个卡片都用了「1px 细边框 + 40px 大阴影」，是生成式界面反复出现的签名，建议整排里只留一种。

这个分栏我挺认可。工具最怕不分青红皂白全都报错，报到最后人就不看了。分开之后，真正要动手改的就那 46 条，剩下 7 条自己判断。

它还有个细节我挺喜欢：每条报错都标出问题在哪一行、哪个元素。不是笼统一句「你的设计有问题」，而是「你那个 .dot 元素，8×8 像素，动画是无限循环的 pulse」。改起来不用猜。

3. 顺手扫了它自己的官网

扫完自己的，我起了个坏心思：扫一下 impeccable 自己的官网看看。

npx impeccable detect https://impeccable.style

0 anti-patterns found，只有 2 条 Advisory

0 条。

自己家官网，一条问题都没有，只剩两条「提醒」。这事有点自证的味道，但也说明这些规则不是拿来随便吓唬人的，是能真被满足的。

同一个工具，一边 46 条一边 0 条。它扫自己家干干净净，扫到我这份草稿才炸。我当时把那个页面又打开看了一遍，确实丑得很整齐。

4. 装的时候卡在代理上

这部分给想动手的人。

装法一行命令，Node 环境直接跑：

npx -y impeccable@latest --version

我这边出来是 4.8.0，秒过。

卡住我的是扫网页那一步。第一次扫 https://impeccable.style，命令直接卡死，等了一分多钟没反应，也没有报错。我一度以为它不支持扫线上页面。

后来才反应过来，是我本机的代理没关。这台机器的系统代理是个坏掉的地址，浏览器访问会超时，命令行工具默认也会走它。把代理环境变量清空，再跑一次，几秒钟就出结果。

扫线上页面卡住不动的话，先清代理再试。扫本地文件不受影响，因为不联网。

另外它有几个参数我常用：--list-rules 列出全部 62 条规则（我前面那张图就是它出的），--json 把结果输出成 JSON 方便接进自己的流程，--no-advisory 只看问题不看提醒。

5. 跑完之后我改了自己的小程序

我本来当它是个「设计检查工具」，帮你看配色对不对、间距够不够。跑完这一轮才发现它管的是另一件事。

现在做页面的门槛低了。AI 几秒钟给你一版能看的界面，但所有人拿到的那一版都长一个样。紫色渐变、单侧色边、发光圆点、居中大标题配小字标签——这些不是哪个人选的，是默认值。谁都没选，就这么出来了。

impeccable 就是把这批默认值列成了清单。你哪块像 AI 做的，它指给你看，改不改是你的事。

这事对我这种天天用 AI 干活的人尤其扎心。这半年我写公众号、做小程序、搭后台，很多界面就是 AI 给的第一版直接用。好看是好看，但你仔细看，跟你上周做的、跟隔壁做的，其实是一张脸。

扫完那 46 条，我回头把自己小程序里几个页面的卡片样式改了。倒不是改了就一定更好，是那几条「单侧粗色边」，我确实是无意识地全站都在用。

工具是死的，62 条规则也覆盖不了所有情况。改完之后我又拿它扫了一遍，那几条「单侧粗色边」没了，还剩十几条我没管的，先记着，下次再说。

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

impeccable 官网，干净得让人没法挑毛病