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

相关推荐
人间凡尔赛24 分钟前
React Compiler 正式落地一年:告别手动 useMemo/useCallback 的全栈实践
前端·性能优化·react
周末程序猿36 分钟前
浅析大模型推理十二篇之Prefill-and-Decode
ai编程
LaughingZhu36 分钟前
Product Hunt 每日热榜 | 2026-08-02
前端·神经网络·react.js·搜索引擎·前端框架
90后的晨仔10 小时前
从 H5 到 uni-app:一篇写给前端小白的"翻译指南"
前端·vue.js·前端框架
陈随易11 小时前
moon,apt和yum之外linux系统命令安装新选择
前端·后端·程序员
IT小盘11 小时前
13-企业Prompt模板-角色任务约束与输出格式
java·前端·prompt
徐小夕12 小时前
开源!我用SQLite + DuckDB打造了一款可视化AI问数平台
前端·算法·github
1名持续学习的码农12 小时前
GPT Plus、GPT Pro用户第一次用Codex,项目权限和Git分支怎么设置?
人工智能·git·gpt·elasticsearch·ai编程·codex
leslie11812 小时前
babel笔记
前端
yuanyxh13 小时前
AI Agent 的使用进化史
agent·ai编程·claude