紫色渐变、发光边框、emoji 标题，AI 做的界面一眼就能认出来
先看一张图。
深紫到亮紫的渐变背景，搜索框带紫色光晕，导航每一项前面一个 emoji，标题写着"Welcome back, Damir! 👋"，数据旁边标着"+12%!!"。
这不是某个产品的失误，是 AI 写前端时的标准长相。
10 月 29 日，一个叫 unslop 的 Claude Code / Codex 技能开源。三天，5,003 星、251 个 fork。
它干的事只有一件：把这种"一眼 AI"的界面，改成有设计感的样子。
它先承认了一件事
技能文档开头写得很直接：
Vibecoded UI fails in the same predictable ways.
翻译过来：AI 写的界面，失败方式是可预测的。
每个表面都在发光，每个标签都带 emoji，间距是模型当天随手打的，文案在喊。这不是"AI 不够聪明"，是它学到的平均值就是这样——训练数据里，最好的 SaaS 落地页都长这样。
所以 unslop 不教模型"要有审美"，它给了一套可以执行的检查表。
工作流程：先审，再定方向，最后九遍修
它不让 AI 上来就改代码。
第一步，审。 对照一份"slop 特征清单"，逐条列出屏幕上哪里有问题，一行一条。
第二步，定方向。 写五行：
- 产品是什么、给谁用
- 性格：两三个具体的词，比如"冷静、精确、一点点暖"。文档明确禁止用 clean、modern、sleek、minimal、premium——因为这些词描述的是所有模板
- 世界：产品天然属于什么场景。笔记应用靠近纸和墨，监控工具靠近仪表和夜班，旅行应用靠近地图和窗光
- 时刻：屏幕上一到两个可以"富起来"的地方
- 签名：一个只有这个产品才有的小细节，比如开发者工具用键帽、教学应用用手绘下划线
写完给用户看，等确认，再动手。因为方向一变，后面全白做。
第三步，九遍修，顺序固定：间距 → 颜色 → 图标 → 文案 → 字体 → 布局 → 细节 → 视觉 → 动效。
间距排第一，因为节奏对了，其他东西读起来才不一样；文案排在字体前面，因为标题长度决定字号和位置；视觉和动效放最后，因为它们应该装进一个"没有它们也能用"的界面。
几条最狠的规则
我把技能文档里最有用的几条挑出来：
1. 一切坐在 4px 网格上。 边距、内边距、间隙、固定高度都取 4 的倍数。同一个列表里所有行同高同距，同一排卡片同内边距。那些 mt-[13px]、py-[11px] 的一次性数值，全部换成刻度。
2. 一个屏幕只有一个亮点。 一个打磨过的元素承载颜色和工艺——一个渲染出来的物体、一张画、一张有信息的图表。周围全部安静。
3. 颜色从一条中性色阶来。 应用和仪表盘的背景、表面、边框、文字保持中性；世界的颜色只出现在 accent、图表和"时刻"里。背景如果读起来是橙的、棕的、蓝的、绿的，就是过头了。
4. 删掉所有色相渐变、渐变文字、彩色光晕、彩色阴影、霓虹边框。 渐变只允许出现在同一种中性色内部，比如选中行从 #2b2b2b 到 #1f1f1f，绝不能从一个色相跳到另一个。
5. emoji 全部换成线性图标。 用项目已有的图标集，没有就用 lucide；统一 16 或 18px、1.5 描边；图标跟着文字的颜色走，永远不给自己上色。
6. 文案禁清单。 不用感叹号，永远不用 !!；不写"Welcome back, Damir! 👋"，标题只写上下文，比如"October 2026"；不用 supercharge、seamless、unlock、magic、revolutionize 这类词；"Loved by 10,000+ teams" 这种无法验证的话，要么改成具体数字，要么删掉。
7. 字重只用 400 和 500，最多 600。 不许 700 到 900 的大标题，层级靠字号和颜色，不靠加粗。
8. 假数据要像真的。 不用 [X] 或 123,456，用 48,210、+12% vs last month 这种能骗过眼睛的数字。
最值钱的一句
文档里有一句话，我觉得比所有规则都重要：
The difference between slop and craft is where the richness goes.
slop 把颜色、光晕、效果铺在 chrome 上——背景、按钮、边框、标签，哪儿都亮；craft 把 chrome 收安静，把丰富度集中在一两个用户会记住的内容时刻。
说白了：不是不能花哨，是花哨要花在内容上，不是花在容器上。
这也解释了为什么很多 AI 界面"看起来挺精致，但记不住"——它的精致均匀地涂在了所有地方，没有一个焦点。
它也会说"不用改"
技能里有一条挺难得的规则：如果审完发现屏幕本来就设计得不错，只有几个小毛病，那就只修那几个，方向沿用现有品牌，不发明新东西；如果根本没有 slop，就直说，最多给两三条带具体数值的建议，用户同意才改。
"Never change a good screen just to make it different."
这句话，很多人类设计师都做不到。
丑话
1. 它治的是"手艺"，不是"定位"。 规则能让界面不土，但不能替你决定产品是什么、给谁用。方向那五行写歪了，后面九遍修得再细也是错的方向。
2. 作者有生意。 文档末尾写着：不想自己弄，他可以三天帮你改造一个关键屏，按你的技术栈交付。技能免费，服务收费，这很正常，但得知情。
3. 许可证是 CC BY 4.0。 商用、修改、分发都可以，但要署名作者并链回仓库。
4. 依赖 Claude Code 或 Codex。 不是独立软件，是给 Agent 的说明书。故事视频功能还要装 Playwright 和 ffmpeg。
5. 最大的隐忧：会不会又变成新模板？ 如果所有人都用同一套规则去"去 AI 味"，结果可能是一批新的、统一的"高级感"界面。文档其实意识到了这点，所以反复强调"方向必须从产品本身推导，不能从流行趋势来"——但执行的是模型，模型会不会偷懒，是另一回事。
我的判断
这类"品味规则包"会越来越多。
原因很简单：模型的能力已经够写出能跑的界面，缺的是判断力——什么该发光、什么该安静、哪句话是废话。判断力以前只存在于设计师脑子里，现在可以写成文件，让 Agent 每次执行。
对独立开发者，这是好事：你不用请设计师，也能让产品看起来不像三天做出来的。
对设计师，这也是好事：重复的"擦屁股"活被自动化了，剩下的是真正需要判断的部分——产品是什么、用户该记住什么。
但对整个行业，有个不太好的可能：当"去 AI 味"也变成一套标准流程，审美会再次趋同。到那时候，真正的差异不在界面，而在产品本身。
工具能修好一张脸，修不了它有没有灵魂。这话听着矫情，但你打开十个 AI 做的产品，就知道我在说什么。
相关链接：
- GitHub 仓库：https://github.com/heydamir/unslop
- 作者主页：https://heydamir.design/unslop
- 作者的 Unslopping 系列：https://x.com/heydamir/status/2115063463063998736
暂无评论。