应用介绍
让 AI 一口气写出来的界面,紫色渐变、发光卡片、满屏 emoji、全大写的吆喝文案,一眼就是「vibecoding 味」,自己又说不上具体该怎么改。unslop 是给 Claude 装的一个技能,专治这个。
它不是上来就动手,而是先把「味」一条条找出来,标明每一处在哪,再根据你的产品定一个设计方向:气质、世界观、真正该上色的一两个地方、一个有辨识度的小细节。然后像设计师做红线评审那样,一轮一轮往下改。
只要有一个线上链接也能用,Next.js、React、Vue、Svelte、Tailwind、纯 HTML 和 CSS 都行。
先审后改:动手前先列出所有「AI 味」的症状和位置,并给出方向让你拍板,不会闷头把页面改得面目全非。
按顺序过九遍:间距、颜色、图标、文案、字体、布局、细节、视觉、动效,一遍管一件事,改动好对照。
用产品本身当视觉:首页需要场景图时,可以接 fal、Replicate、OpenAI 图像等服务生成;每次付费生成前都会先给你看提示词、问过再出。仪表盘和应用大多用不上。
已经够好就直说:界面本身没问题时,它会告诉你,只给几条小幅打磨建议,不硬改。
改版小视频:可以出一段 10 秒内的方形视频,演示页面一步步被去掉 AI 味,发出去就能用(需要 Playwright 和 ffmpeg)。
怎么用:把技能目录复制进 ~/.claude/skills,之后在 Claude Code 里输入 /unslop 加上你要改的页面,或者直接用大白话说也行。
它不是上来就动手,而是先把「味」一条条找出来,标明每一处在哪,再根据你的产品定一个设计方向:气质、世界观、真正该上色的一两个地方、一个有辨识度的小细节。然后像设计师做红线评审那样,一轮一轮往下改。
只要有一个线上链接也能用,Next.js、React、Vue、Svelte、Tailwind、纯 HTML 和 CSS 都行。
软件功能
先审后改:动手前先列出所有「AI 味」的症状和位置,并给出方向让你拍板,不会闷头把页面改得面目全非。
按顺序过九遍:间距、颜色、图标、文案、字体、布局、细节、视觉、动效,一遍管一件事,改动好对照。
用产品本身当视觉:首页需要场景图时,可以接 fal、Replicate、OpenAI 图像等服务生成;每次付费生成前都会先给你看提示词、问过再出。仪表盘和应用大多用不上。
已经够好就直说:界面本身没问题时,它会告诉你,只给几条小幅打磨建议,不硬改。
改版小视频:可以出一段 10 秒内的方形视频,演示页面一步步被去掉 AI 味,发出去就能用(需要 Playwright 和 ffmpeg)。
怎么用:把技能目录复制进 ~/.claude/skills,之后在 Claude Code 里输入 /unslop 加上你要改的页面,或者直接用大白话说也行。

