📌 项目日期:2026年10月 | 数据来源:GitHub官方仓库 | 星数:1,145+
vibe coding 快是真的快,但产物总有一眼AI味:紫色渐变、到处发光、emoji当图标、喊话式文案、间距忽大忽小。unslop 是 Damir Sokolovsky(@heydamir,X上"Unslopping系列"作者)做的 Claude 技能:先找slop,再定方向,然后像设计师做redline review一样逐屏修。
它的克制是亮点:动手前先审计+提方向让你把关;页面已经不错就直说,只给小幅refinement。技术栈无关——Next.js/React/Vue/Svelte/Tailwind/纯HTML都行,甚至只给一个线上链接也能改。配套的设计工具链还有 M3E Canvas 和 Dimensional Drawing规格图。
| 阶段 | 动作 |
|---|---|
| 审计 | 列出每一个slop信号:紫渐变、glow、emoji标签、喊话文案、不匀间距… |
| 定向 | 根据你的产品气质提出设计方向,等你确认再动手 |
| 修复 | 逐pass修屏,像设计师redline一样有据可依 |
| 诚实判定 | 已经很好的页面会直说,只建议小幅refinement |
git clone https://github.com/heydamir/unslop
mkdir -p ~/.claude/skills && cp -r unslop/skills/unslop ~/.claude/skills/
# 单项目就复制进项目内 .claude/skills/
# 三种用法
/unslop this dashboard
/unslop the hero of https://example.com
/unslop my landing page and make the story video so I can post it
一个Claude技能:把vibe coding产出的"AI味"UI改造成有自己性格的设计。先找出slop(紫渐变、发光、emoji标签、喊话式文案、不匀间距),再定方向逐屏修复,像设计师做redline review。
Next.js、React、Vue、Svelte、Tailwind或纯HTML/CSS都行;仪表盘、应用、落地页都可以,只有一个链接的线上站也能改。
不会。它先审计并列出所有slop信号、提出方向,你确认后才动手;如果屏幕已经不错,它会直说并只给小幅优化建议而不是推翻重来。