unslop：把 AI 味界面改成有性格的设计

npx skills add heydamir/unslop --skill unslop

用 Claude Code 或 Codex 生成界面，常常会拿到同一套东西：紫色渐变、发光按钮、卡片标题上贴着 emoji，换个产品名还是那张脸。unslop 是 Damir Sokolovsky（@heydamir）开源的技能，装进 Claude Code 和 Codex 之后，它先像做 redline 审查的设计师那样找出每一处 AI 味，再从你的产品本身定设计方向，一道工序一道工序地把屏幕改过来。仓库 2026-10-29 创建，截至 2026-11-04 已有约 7,000 星。

它按九道工序逐层修

unslop 的 SKILL.md 给智能体定了固定顺序：间距、配色、图标、文案、字体、布局、细节、视觉、动效。间距放第一，因为节奏定下来其他东西才读得顺；文案排在字体和布局之前，标题长短决定字号和位置。动手前它先写五行方向——产品是给谁的、性格用哪两三个词、属于什么世界、哪一两处是视觉高光、一个只属于这个产品的签名细节——然后停下来等你确认，才开始改。

它给自己划的边界

• 功能与内容不动。 区块顺序、信息结构都保留，改的是每个尺寸、颜色和措辞，不是重做产品。
• 先审计再动手。 先逐条列出 AI 味和所在位置；轻度脏只走 polish 模式，沿用现有品牌修掉清单上的问题。
• 页面不错就不重做。 审计没发现 AI 味时它会明说，最多给两三条带具体数值的小建议，改不改由你。
• 生成图片先问价。 需要场景图时走 fal、Replicate、OpenAI images 这类图像服务，每次付费生成前先给你看 prompt 并确认。
• 仪表盘基本不配图。 应用和仪表盘的视觉高光来自图表和数据本身，只有落地页 hero 或空状态才考虑生成图。

适合谁

每天用编码智能体写界面、又受够了「一眼 AI」的前端开发和独立开发者。装法是把 skills/unslop 拷进 ~/.claude/skills/（Codex 拷进 ~/.agents/skills/），然后像 /unslop this dashboard 这样喊它。两处成本要留意：给线上页面拍照、录改造视频要装 Playwright 加 Chromium，视频还要 ffmpeg；CC BY 4.0 许可要求保留作者署名。它不是唯一的选择——Anthropic 官方的 frontend-design 从写代码前就定方向，impeccable 把打磨拆成 24 条指令，ux-ui-agent-skills 用 52 道闸门验收产出；unslop 的差别在于把「去掉 AI 味」和「建立自己的方向」当成一件事做。仓库 examples/ 里有两块现成的 vibecoded 屏幕，装完就能拿来练手。