AI 做的界面一眼假？这个技能专治紫渐变、发光边框和 emoji 标签（1.4 万星）

2026-11-11silcano

你让 AI 做了个落地页，出来是紫渐变 + 发光边框 + 三个 emoji 图标。能用，但一眼假。

unslop 干的事很具体：先把"AI 味"拆成清单，再按清单一条条改，最后重设一套设计方向。

1.4 万星，10 月 29 日才建仓，两周涨到一万四。它只有一千多字 README，但那段"它先找什么"的清单，是整篇文章最值钱的部分。

一、先说结论：它治的是「可识别的廉价感」

"AI 做的界面"之所以能被一眼认出，不是因为丑，是因为有一组固定特征反复出现。

unslop 的 README 直接把这组特征点名列出来了：

• 紫蓝渐变（purple gradients）
• 发光效果（glows）
• emoji 当图标用（emoji labels）
• 喊口号式的文案（shouty copy）
• 间距不齐（uneven spacing）

这五条几乎就是"AI 落地页"的指纹。你把任何一张 AI 生成的产品页截图对照一遍，至少中三条。

二、它的工作流：先诊断，再重设

普通"美化"提示词是直接说"做得更好看"。unslop 的顺序不一样：

1. 找出 slop。 上面那五条，一条条对照，指出具体在哪个位置；
2. 定方向。 给这套界面一个"有性格"的设计方向，不是通用好看；
3. 改。 按方向重做，而不是在原来的基础上加装饰。

第二步是关键。"更好看"不是方向，"像一份 1970 年代的瑞士技术手册"才是方向。

方向一旦定了，后面的取舍就有依据：这个圆角要不要留、这个图标要不要换成线稿、这段文案要不要砍到六个字。

三、装：三种宿主，三条命令

Claude Code（用户级，全局可用）：

只给当前项目用，就复制到项目的 .claude/skills/ 里。

Codex / 通用技能安装器：

Google Antigravity：

注意这三个路径的差别：~/.claude/skills、~/.agents/skills、~/.gemini/antigravity/skills。技能不是通用格式，各宿主各放各的。

四、用：一句话，但要说清对象

官方给的用法就一行：

想更准，就把"对象"说具体：

第二条里有个细节：它还能做"story video"。README 提到它依赖 Playwright 来截图和录制：

所以如果你要它"看"你的页面，先把 Playwright 装好。不装的话，它只能读代码，不能看渲染结果——这两种输入得到的建议质量差很远。

五、能改到什么程度：三个层次

我把它的能力按"改动深度"分三层，你可以按需要选：

大部分"AI 味"在表层就能解决。但如果你想让界面"有性格"，必须到第三层——而那一步需要你给方向，它只能执行。

六、为什么"紫渐变"会被认出来

这不是审美问题，是训练数据的问题。

模型见过的"现代 SaaS 落地页"里，紫蓝渐变出现频率极高（因为它确实流行过一轮），于是它成了模型的默认选择。用得多了，就变成了"AI 指纹"。

同样的逻辑解释了另外四条：emoji 当图标（因为模型不能生成图标文件）、发光（廉价的高科技感）、喊口号（训练数据里的营销文案）、间距不齐（没有布局约束）。

所以治"AI 味"的本质是：把这些默认值替换成明确的选择。

七、六个坑

• 只跑一遍。 它改完你可能觉得"还是有点假"，再跑一遍，指定更细的方向；
• 不给参照物。 不给参照，它只能回到默认值，等于没改；
• 没装 Playwright。 它看不到渲染结果，建议会偏；
• 用在设计系统已经成熟的项目上。 它会把你的规范一起"优化"掉；
• 指望它做品牌。 它能执行方向，不能替你决定方向；
• 只看首页。 一致性才是"设计的证据"，只改首页会更露馅。

八、它适合谁

九、把它当"检查表"用更划算

就算你不用这个技能，那五条清单也可以直接拿来当自查：

五项都过，界面就不"AI"了——哪怕它确实是 AI 做的。

十、和你自己写 prompt 的区别

你可以自己写一段"去掉紫渐变、别用 emoji"。区别在于：

十一、版本与地址

最后一句：这个项目的洞察是——"AI 味"不是能力不足，是默认值太强。你把默认值换掉，它就能做出不像 AI 做的东西。