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 生成痕迹解决效果

相关推荐
皮音1 小时前
Skill 在项目中的实践 —— 从 Agent 困境到 Skill 工程化
前端
大龄秃头程序员2 小时前
RN 0.86 新架构实战:TurboModule + Fabric 组件 + iOS 原生容器,完整代码开源
前端·react native
这是个栗子2 小时前
前端开发中的常用工具函数(八)
开发语言·前端·javascript
Hilaku2 小时前
Vue 和 React 真正的差距,不在语法,而在团队犯错成本
前端·javascript·程序员
研☆香2 小时前
为什么变量声明在赋值前也能使用?—— 深入理解 JavaScript 变量提升与作用域
开发语言·前端·javascript
Liora_Yvonne2 小时前
目录结构到底怎么设计?别再把 components 和 utils 当垃圾桶了
前端
ServBay2 小时前
AI Gateway 是什么?为什么每个平台都在做
后端·aigc·ai编程
悟空码字2 小时前
别再手搓CRUD了,用飞算JavaAI的“工程流水线“,助力高效开发
aigc·openai·ai编程
SamDeepThinking3 小时前
Vibe Coding最重要的是Spec
后端·程序员·ai编程