yetone/kill-ai-slop 是一个面向 Web 产品审美与前端代码质量的开源项目，核心目标是识别并消除“AI 生成感”过强的视觉与文案套路。项目包含两部分：一个多语言静态网站，用 32 个案例展示常见 AI Slop 设计特征及改进方式；一个 Agent Skill，可供 Claude Code、Cursor 等编码 Agent 使用，用于扫描 Web 项目中的相关模式并给出修复建议，部分场景下可由 Agent 执行修改。
适用领域
前端开发 / UI/UX 设计 / 产品设计 / 设计系统 / AI 辅助编程 / 代码审查 / Web 项目质量治理 / 静态网站
配置难度
中等偏低。运行网站和扫描器比较简单，具备 Node.js 基础即可；但要真正用好它，需要一定前端、UI 设计和产品审美判断能力。对于只想扫描项目的开发者，上手难度较低；对于希望把规则融入团队设计系统或自动修复流程的团队，需要额外评审和规范建设。
商业价值
该项目对 AI 时代的前端产品具有较高实用价值。很多团队使用 AI 快速生成官网、落地页或 SaaS 界面后，会出现风格雷同、廉价感强、可信度不足的问题。kill-ai-slop 可以作为审美 QA、设计反模式清单和 Agent 自动化检查工具，帮助团队提升界面质感、降低模板化印象、增强品牌可信度。对独立开发者、AI 产品团队和小型创业公司尤其有价值，但企业级落地前需要结合自身品牌规范、设计系统和授权情况进行评估。
01
技术亮点
- 定位清晰：专门解决 AI 生成产品常见的视觉和文案套路问题
- 实用性强：不仅有案例网站，还提供可执行的 Agent Skill 和扫描脚本
- 支持多语言：网站包含英文、中文、日文、韩文内容，对中文开发者较友好
- 案例具体：收录 32 类 AI Slop 特征，并提供 before/after 对比
- 技术栈轻量：网站为 Astro 静态站点，默认 zero-JS，易部署
- 扫描器无依赖：可直接通过 node 运行，集成成本较低
- 适合 AI 编程工作流：可与 Claude Code、Cursor 等工具结合，让 Agent 参与审美清理
- 设计理念明确：强调纸张、墨色、单一红色、尺度、空间和细线规则，反对过度装饰
02
目标用户
- 前端开发者
- 独立开发者
- 产品设计师
- UI/UX 设计师
- 使用 Claude Code、Cursor 等 AI 编程工具的开发者
- 希望降低产品 AI 生成感的创业团队
- 负责官网、SaaS 落地页、AI 产品界面的工程团队
- 需要建立设计规范的小型团队
03
配置要求
- 需要 Node.js 和 npm 环境，用于运行网站和 npx 安装命令
- 网站部分基于 Astro，运行前需要在 website 目录安装 npm 依赖
- 扫描器本身 dependency-free，不需要额外安装依赖即可通过 node 执行
- 如果使用 Agent Skill，需要 Claude Code、Cursor 或其他支持 Agent Skills 的编码工具
- 被扫描项目应是 Web 项目，尤其适合 HTML、CSS、JS、TypeScript、React、Astro、Next.js 等前端代码库
- 如需自动修复，需要在 Agent 环境中授权其读取和修改目标项目文件
- 项目未声明明确 license，商用或二次分发前需要额外确认授权风险
04
适用场景
- 扫描 Web 项目中常见的 AI 生成风格痕迹，例如渐变、发光卡片、过度使用 emoji、全大写数据卡片、玻璃拟态等
- 为 AI 辅助生成的前端页面做审美清理和设计降噪
- 作为设计评审清单，帮助团队识别廉价、模板化、机器感强的界面模式
- 在 Claude Code、Cursor 等 Agent 环境中安装 skill，让 Agent 按规则检查并修复项目
- 学习如何用更克制的排版、留白、规则线和色彩建立设计层级
- 为产品官网、SaaS 页面、AI 工具站、作品集页面等做视觉风格整改
- 将其静态网站作为 AI Slop 反模式案例库进行学习或内部培训
05
部署与配置
- 运行网站：进入 website 目录，执行 npm install 安装依赖
- 启动本地开发服务：在 website 目录执行 npm run dev，默认访问 http://localhost:4321
- 构建静态站点：在 website 目录执行 npm run build，产物输出到 dist 目录
- 安装 Agent Skill：执行 npx skills add yetone/kill-ai-slop，并根据提示安装到支持的编码 Agent
- 手动安装 Skill：将 https://github.com/yetone/kill-ai-slop/tree/main/skill 目录下的内容复制到 Agent 的 skills 目录中的 kill-ai-slop 文件夹
- 直接运行扫描器：执行 node skill/scripts/scan.mjs path/to/project 查看分组报告
- 输出机器可读结果：执行 node skill/scripts/scan.mjs path/to/project --json
06
风险与注意事项
- 审美判断具有主观性，某些所谓 AI Slop 特征在特定品牌或场景中可能是合理选择
- 扫描规则可能产生误报，不能完全替代人工设计评审
- 自动修复可能破坏既有品牌风格、组件规范或视觉一致性，需要代码审查
- 项目 stars 数量尚不算很高，生态成熟度和长期维护情况需要观察
- 未看到明确 license，企业使用、二次开发或集成到商业流程前需谨慎
- 主要适用于 Web 前端项目，对移动端原生应用、后端项目、桌面应用帮助有限
- 如果团队本身缺乏设计判断，可能机械套用规则，导致页面变得过度克制或缺乏品牌特色
2026-07-17
第15名
新收录 · github_search
2026-07-16
第14名
新收录 · github_search
2026-07-15
第20名
新收录 · github_search
2026-07-14
第18名
新收录 · github_search
2026-07-13
第26名
新收录 · github_search
