unslop
给 Claude Code 和 Codex 用的界面改版 Skill,先找出网页的“AI 模板感”,再分九轮改出自己的风格。
- 生态
- Agent Skills
- Skill 分类
- 设计
- 创建者 / 机构
- Damir Sokolovsky(heydamir)
它是什么
unslop 是设计师 Damir Sokolovsky(GitHub 用户 heydamir)做的界面改版 Skill,给 Claude Code 和 Codex 用。作者说,它把“vibecoded”、一看就像 AI 做出来的界面,改成有自己性格的设计。它先检查界面里的渐变、光晕、emoji 标签、喊话式文案和对不齐的间距,再定下产品的设计方向,然后按间距、颜色、图标、文案、字体、版式、细节、配图、动效九轮逐步修改。对象可以是仪表盘、应用、落地页,也可以只给一个网址。作者在 Skill 里要求先交检查结果和改版方向,确认以后再改代码,这是它和一般“一键美化”工具最不一样的地方。它还能截取改版前后的网页,做成一段可以分享的展示视频。
适合谁:用 Claude Code 或 Codex 做网站、想让界面少一点模板味的人。需要会在终端里安装 Skill,也要能看懂 AI 改了哪些代码。
使用前提:照 README 用 git clone 下载,再复制到 ~/.claude/skills/(Codex 是 ~/.agents/skills/),之后在 Claude Code 里输入 /unslop,在 Codex 里输入 $unslop。复制命令会写进名叫 unslop 的文件夹,电脑上已经装过同名的其他 Skill 时,可能被覆盖或者混在一起,安装前先检查一下。网页快照和展示视频要另装 Playwright 和 Chromium,视频还要 FFmpeg。使用时 AI 会读你的项目文件和截图;如果你另外连上生图服务(作者列了 fal、Replicate、OpenAI images、Higgsfield 等),截图和参考图会发给那个服务,费用按各服务计算。作者要求每次付费生成图片前,先给你看提示词并征求同意。说明文件只有英文。Skill 本身可以免费下载,许可证是 CC BY 4.0,可以商用,转用时要署作者的名字并链回仓库。
以上根据项目公开说明整理,本站没有实际测试。