跳到主要内容
AI灵感世界
AI 应用AI SkillsAI 游戏AI 短剧AI 提示词
EN关于
搜索⌕EN
AI 应用AI SkillsAI 游戏AI 短剧AI 提示词
首页/AI Skills/unslop
AI Skills · 设计unslop

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,可以商用,转用时要署作者的名字并链回仓库。

以上根据项目公开说明整理,本站没有实际测试。

用途标签

  • 界面与网页设计→
  • 前端开发→
  • 短视频制作→

点一下,看同一用途的其他作品。

来源

https://github.com/heydamir/unslop ↗

代码仓库 ↗

了解排行方法 →
建议修改信息?联系我们
AI灵感世界标志:aiw. picked by humansAI灵感世界标志:aiw. picked by humansAI灵感世界

每天翻一翻,AI 的新鲜事都在这儿

每日更新 · 最近上新:2026 年 10 月 31 日

网站版本:2026 年 10 月 31 日

关于·排行方法·信任与安全·联系我们