AI 网页越来越丑?这个工具专治「AI 味」,2 个月 1.1k ⭐
为什么 AI 做的网页看起来「一个样」?
indigo 渐变背景、发光卡片墙、emoji 到处贴、ALL-CAPS 数据展示区……这不叫设计,这叫「机器默认审美」。只要是 AI 生成的网页,十有八九踩中这几个坑——你的眼睛已经学会自动屏蔽它们了,但它们在悄悄伤害你的产品。
最近 GitHub 上有一个项目专门解决这个,名字就叫 Kill AI Slop,上线两个月狂揽 1.1k ⭐,skills.sh 安装量超过 2,300 次。它不只是扫描问题,还提供修复方案——而且是完全自动化的。
它能检测出哪些「AI 味」?
项目整理了 32 种常见的 AI 设计陋习,分成几个大类:
- 视觉类:渐变滥用、玻璃拟态、发光边框、色彩过饱和
- 排版类:ALL-CAPS 标题、过度使用字体粗细对比、缺少留白
- 文案类:「not just X — it’s Y」固定句式、promotional hype 语气、emoji 过度装饰
- 组件类:卡片堆砌、徽章 spam、 mascot 滥用
每个陋习都有详细的检测模式和修复示例,官网页 killaislop.com 上甚至做了交互式 before→after 对比,静态展示不用一行 JS——本身就是在示范什么叫「干净的审美」。
扫描 + 修复是怎么工作的?
安装后,对你的项目说一句:
Kill the AI slop in this project.
Agent 会按这个流程走:
- 扫描:运行内置的无依赖 Node 脚本,grep 出代码里每个 tell 的信号,输出文件:行号
- 分类:打开每个文件,判断是「真设计选择」还是「AI 默认堆砌」
- 报告:修复前给你一个分组总结,说明每组问题是什么、为什么算 AI 味、建议怎么改
- 修复:你批准后,执行最小化改动——只移除 tell,不改变功能和意图
如果你只想扫描,不想自动改,可以单独跑扫描器:
node skill/scripts/scan.mjs path/to/project --json
支持 --only、--skip 按 ID 过滤,--exclude 跳过路径,还可以用 --rules 加载你自己写的规则集。
我的感受
这个工具最妙的地方不是「检测」,而是「判断」这一步——gradient、serif 字体、emoji,都可能是设计者深思熟虑的选择,工具不会强制覆盖,它只是告诉你「这是机器默认,你可以选择」。这种克制让整个工具更像一个审美顾问,而不是代码警察。
如果你做设计、做前端、或者在管一个 AI 生成代码比例很高的团队,这个 Skill 值得装上——至少能让你的产品看起来更像人做的。
安装
一行命令搞定:
npx skills add yetone/kill-ai-slop
GitHub:https://github.com/yetone/kill-ai-slop
评论区
登录后可评论。