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

相关推荐
传人once3 小时前
多图片上传预览功能如何写
前端·css·html·jquery·html5
Eric.463 小时前
Wan‑Animate+MiniMax-H3 本地部署 AI 漫剧流水线:8G 显存动作迁移与动态分镜工程实战
前端·人工智能·comfyui·ai漫剧
传人once5 小时前
悬停旋转放大和位移效果如何写
javascript·css·动画
Web3_Basketball5 小时前
用 cost-per-success 做模型选型评测
ai编程
feiyu_gao5 小时前
Mindcraft:从个人实践到可复用模式集
架构·aigc·ai编程
库拉镜像AI牛牛5 小时前
短剧内容自动化生产:知漫剧工作室落地教程
大数据·服务器·前端·人工智能·语音识别
一千柯橘5 小时前
ReAct Agent 思维范式
程序员·ai编程
abigalexy5 小时前
Claude Code从零搭建新项目全流程AI实现-宠物生命周期管理App
架构·aigc·ai编程
律宏阔5 小时前
Flutter 列表图片内存优化:CachedNetworkImage 与 ClipRRect 的取舍
前端·flutter
行者全栈架构师5 小时前
【鸿蒙心迹】相册文搜图工程化落地:HarmonyOS 7.0 端侧 AI 检索全链路实战与 5 个踩坑解法
前端