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

相关推荐
艺杯羹2 分钟前
本地优先架构避坑:从重度云端依赖到客户端算力下沉与边缘自治实战
前端·系统架构·本地优先
熊猫钓鱼>_>5 分钟前
CMP for OpenHarmony 实战:Coil 图片加载库鸿蒙化使用心得
运维·服务器·开发语言·华为·ai编程·harmonyos·openharmony
transformer9 分钟前
用 TRAE 给 Git 教程站补上第七个模块:一次真实的增量开发记录
前端
fengci.12 分钟前
CTF2刷题记录(困难部分)
android·开发语言·前端·学习·php
计算机魔术师15 分钟前
AI证伪了数学家信了几十年的假设,但物理那道题只答了一半
前端
vipxieliang16 分钟前
JavaScript 深浅拷贝全解析:从 JSON 到 structuredClone
前端·javascript
jerrywus18 分钟前
DeepSeek Harness 和 Pi Agent 怎么选?先想想你愿意折腾什么
前端·agent·deepseek
货拉拉技术25 分钟前
一句话叫车:货拉拉小程序 AI 叫车实战
前端·agent·ai编程
yunyi31 分钟前
给桌面客户端做下载加速:从「桶直接公开」到「边缘优先、源站兜底」的三代演进
前端·后端
world781122636 分钟前
【C++】set 和 map
java·前端·c++·set·map