Skill - kill-ai-slop 解决“AI 味”样式

用 AI 生成几次网页后,你很快会看到熟悉的配方:紫色渐变、毛玻璃卡片、发光圆点、彩色图标、超大标题,再给所有组件加上 hover:scale-105

这些样式并非不能用,只是 AI 经常不分场景地把它们堆在一起。不同产品因此长得越来越像。

Kill AI Slop 就是专门处理这类问题的 Agent Skill。它整理了 32 种常见的 AI 生成痕迹,包括渐变标题、过度圆角、卡片套卡片、胶囊标签泛滥、无意义动效,以及千篇一律的营销文案。

安装只需要一条命令:

bash 复制代码
npx skills add yetone/kill-ai-slop

安装后,可以直接告诉 Claude Code、Cursor 或 Codex:

text 复制代码
使用 kill-ai-slop 扫描这个项目,先给我报告,确认后再修改。

它会先运行一个无依赖的 Node.js 扫描器,从 HTML、CSS、React、Vue、Svelte、Astro 和 Markdown 中寻找可疑代码,再由 Agent 阅读上下文,判断它是套用的默认样式,还是项目有意保留的设计。

确认问题后,Agent 会按类别给出修改建议,例如把紫色渐变换成项目已有的强调色、去掉无意义的毛玻璃和发光效果、简化嵌套卡片,并用具体信息替换空泛文案。用户批准后才会改代码,完成后还会重新扫描。

需要注意,扫描结果只是线索。圆角、渐变和 Inter 字体本身没有问题,关键在于它们是否适合当前产品。这个 Skill 最适合用在 AI 刚生成完页面之后,帮我们快速找出那些"看起来像设计,其实只是默认值"的地方。

项目地址:github.com/yetone/kill...

官网查看解决案例:32 种常见的 AI 生成痕迹解决效果

相关推荐
threerocks5 分钟前
AI 原生软件开发生命周期手册 - 如何借助 AI,逐阶段改造软件开发生命周期
前端·javascript·后端
徐小夕16 分钟前
3分钟从想法到Agent上线:我们开源了一款AI可视化工作流“IDE”
前端·算法·github
why技术2 小时前
eli5,我觉得这个全网在吹的技能,使用体验真的很一般啊。
前端·人工智能·后端
excel2 小时前
记录升级 nuxt3 到 nuxt4 记录
前端
剑胆琴心静水深流3 小时前
全栈之路6---web集成与呈现
前端·vue.js·spring boot·分布式·spring·前端框架·npm
Jooolin3 小时前
AI项目实战日记ep1:从零做一个 AI 日志分析助手
ai编程
前端snow3 小时前
ai agent -- Memory汇总
前端
ITresearchGuest3 小时前
AI 焦虑下,前端该何去何从
前端·人工智能
Codiggerworld4 小时前
Chrome DevTools 隐藏神技:这 5 个调试技巧你可能从来没用过
前端·chrome·chrome devtools
小虎AI生活4 小时前
用 WorkBuddy 三个 Skill 串起一条流水线:8 张随手拍照片 30 分钟变口播视频
ai编程