文章摘要
相信很多站长和独立开发者都有这种感受：用 AI 编程工具（Claude Code、Cursor、Codex）吭哧吭哧搞出一套界面，功能都跑通了，可一看界面——紫色渐变、发光按钮、emoji 标签、字号乱跳，一股浓浓的”AI 味”扑面而来。自己看得懂逻辑，但真拿去给用户用，总觉得差一口气。这类”vibe coding”的产物，国外管它叫 slop（AI 糟粕界面）。今天给大家推荐的这个开源项目，就是专门治这个毛病的：Unslop，GitHub 上线 4 天就斩获 5200+ 星，被无数 AI 编程爱好者追捧。
它能做什么
Unslop 是为 Claude Code 和 Codex 打造的一个技能（Skill），一句话概括：让 AI 生成的界面自己”去 AI 化”，变成有设计感的作品。具体本事分几条说：
1. 火眼金睛，先审后改。它会先把你界面上所有”AI 味”证据列出来：紫色渐变去哪儿了、哪几个发光效果太油腻、哪段文案写得像 shouting（全大写喊口号）、间距哪里不均匀。全部摊开给你看，心里有数。
2. 先定方向，再动手。和普通”一键美化”不同，它不会上来就瞎改，而是先从你的产品本身提炼设计方向——角色、世界观、色彩记忆点、签名细节，征得你同意后再动手，像设计师做红线评审（redline review）一样一轮一轮修：间距、颜色、图标、文案、字体、布局、细节、动效，按固定顺序逐遍打磨。
3. 什么技术栈都吃。Next.js、React、Vue、Svelte、Tailwind，还是纯 HTML+CSS，仪表盘、管理后台、落地页都能修。最狠的是：只有一个网址也能修——给它一个线上链接，它会用 Playwright 截图分析，照样给你出改版方案。
4. 附赠”变形记”视频。修完还能生成一段不到 10 秒的方形小视频，把你的界面从”AI 味”到”设计师味”的蜕变过程逐帧播出来，发朋友圈、发 X 装逼效果拉满（需要装 Playwright 和 ffmpeg）。
5. 配图也能搞定。如果首屏缺一张场景图，它可以调用 fal、Replicate、OpenAI 图片、Higgsfield 这些图片服务现场生成一张；没接这些服务的话就先出提示词、征得你同意再说，付费生成前一定会先问你。
使用方法
第一步：安装技能。以 Claude Code 为例，把技能拷进技能目录即可：
git clone https://github.com/heydamir/unslop mkdir -p ~/.claude/skills && cp -r unslop/skills/unslop ~/.claude/skills/
只想在单个项目里用，就拷到项目的 .claude/skills/ 目录下。Codex 用户可以用 $skill-installer install 命令从仓库直接安装，或者手动拷到 ~/.agents/skills/。
第二步：喊它干活。在 Claude Code 里输入 /unslop 加上你的需求，比如：
/unslop this dashboard /unslop the hero of https://example.com /unslop my landing page and make the story video so I can post it
Codex 里对应的是 $unslop，用法一样。你也可以用自己的话描述需求，智能体会自动识别并调用这个技能。
第三步：看方案再开工。它会先出审计报告和设计方向，你觉得 OK 它才开始改。顺带一提：如果你的界面本来就做得不错，它会直接告诉你”已经很好了”，只给几个小优化建议，不会为了改而改。
第四步（可选）：录”变形记”。想生成前后对比视频的话，先在项目目录装好 Playwright 和 Chromium 浏览器：
npm install -D playwright npx playwright install chromium
再确保系统里有 ffmpeg，然后让它生成 story video 即可。
注意事项
1. 这是个技能（Skill），不是独立软件，运行环境是你自己的 Claude Code 或 Codex，没有这些工具是用不起来的。
2. 开源协议是 CC BY 4.0，可以免费使用、修改、商用（包括分享改版），条件是署名原作者 Damir Sokolovsky 并链回原仓库，商用前记得看一眼协议原文。
3. 配图生成功能如果接了 fal、Replicate 这类付费图片服务，会产生调用费用，不过它每次付费前都会先征求你同意。
4. 仓库里自带两个示例（dashboard.html、hero.html），想先看效果的可以先跑一遍示例再决定用不用。
下载地址
GitHub 仓库：https://github.com/heydamir/unslop（作者 Damir Sokolovsky，起因是他在 X 上连载的 Unslopping 系列）。
项目完全开源免费，安装就是一条 git clone 的事。
站长点评
说实话，站长我现在很多页面也是 AI 一把梭出来的，自己看着都嫌”AI 味”重，但又没精力逐个像素抠。Unslop 这个思路很对胃口：不是否定 AI 编程，而是给 AI 配一个”设计师人格”——先审计、再定方向、逐轮打磨，这流程和正经设计师接活一模一样。4 天 5200 星说明大家都被 AI 味界面折磨得不轻。如果你也在用 Claude Code 或 Codex 做产品，花 5 分钟装上这个技能，绝对是近期性价比最高的”界面升级”。推荐指数：五星，AI 编程玩家必备。
