unslop:专治 AI 味界面的 Claude Skill,两天 1,939 星,先审计再一轮轮改

一个 AI 生成的仪表盘界面被 unslop 逐帧改成有设计感的界面

AI 写出来的界面一眼就能认出来:紫色渐变、发光效果、emoji 标签、喊叫式文案、间距忽大忽小。Damir Sokolovsky 把这种味道叫做 slop,他刚开源的 Claude Skill unslop 就是专门来治它的——先审计屏幕上的 AI 味痕迹,再按产品本身定一个设计方向,然后像设计师做红线评审一样,一轮一轮改到位。

项目 10 月 29 日才创建,两天就拿到了 1,939 个星,CC BY 4.0 协议开源。

它怎么改:先审计,再定方向,最后逐轮改

审计(Audit)。先把屏幕上所有 slop 痕迹列出来,并标明它们在什么位置:紫渐变、发光、emoji 标签、喊叫式文案、间距不均,一个都不漏。

定方向(Direction)。不套模板,而是从产品本身找方向:产品的性格、所处的世界、由一两个瞬间承载的色彩、一个标志性细节。改之前先把方向摆出来,你可以中途纠偏。

逐轮改(Passes)。按固定顺序一轮一轮来:间距、色彩、图标、文案、字体、布局、细节、视觉、动效。改完一轮再改下一轮,而不是一次性全推倒重来。

支持哪些技术栈

Next.js、React、Vue、Svelte、Tailwind、纯 HTML 和 CSS 都能改;仪表盘、应用、落地页都覆盖。甚至只给一个线上链接,它也能对着 live 网站改。

安装与使用

给 Claude Code 安装只需要两步:

git clone https://github.com/heydamir/unslop
mkdir -p ~/.claude/skills && cp -r unslop/skills/unslop ~/.claude/skills/

单个项目用的话,拷进项目里的 .claude/skills/ 就行。然后在 Claude Code 里输入 /unslop this dashboard,或者直接说人话,Claude 会自己调用这个 Skill。改之前它会先审计、给出方向让你把关;如果界面本来就不错,它会直说,并只提几个小改进,而不是硬 redesign。

还能顺手做一件事:过程视频

它能把「去 AI 味」的过程做成一个 10 秒内的方形视频,方便直接发出去,需要 Playwright 和 ffmpeg。需要配图时,它会通过 fal、Replicate、OpenAI Images 或 Higgsfield 等服务生成,每次付费生成前都会先展示提示词并征求确认;没接这类服务时,它会建议接一个 MCP 服务。仪表盘和应用类界面通常不需要配图。

想先试效果,仓库里有两张做好的 vibecoded 示例屏可以练手。如果不想自己动手,作者也提供付费服务:3 天改好一个关键界面,见 heydamir.design/unslop。

站内相关:Impeccable:24 个设计命令 + 62 条规则,让编程智能体做出不像 AI 生成的页面是从提示词层面治 AI 味;Cloudflare 开源 security-audit-skill:让编码智能体按六阶段流程做安全审计则是同类的 Skill 打法,用在安全审计上。

转自 GitHub 作者 Damir Sokolovsky 的文章《unslop》,原文链接:https://github.com/heydamir/unslop

© 版权声明
THE END
喜欢就支持一下吧
点赞6 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容