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


GitHub: https://github.com/yetone/kill-ai-slop

评论区

0 条评论

登录后可评论。

白鹿 48 阅读