Kill AI Slop 是一本多语种实地指南和代理技能,收录了 33 种常见的 AI 生成设计特征,配有交互式前后对比演示,并提供扫描和修复网页项目的工具。

Stars

805

7 天增长

暂无数据

Fork 数

31

开放 Issue

0

开源协议

Apache-2.0

最近更新

2026-07-26

AI 仓库情报摘要
FR-AI / ANALYSIS

为什么值得关注

它系统性地记录了 AI 辅助开发中一种普遍但常被忽视的美学问题,既提供了参考手册,也提供了自动化修复工具,并且本身作为其批判对象的反例而构建。

适合谁使用

  • 使用 AI 编程助手的网页开发者
  • 希望避免通用 AI 模式的 UI/UX 设计师
  • 希望打磨 AI 生成界面质量的产品团队
  • 教授 AI 辅助工作流中设计质量的教育者

典型使用场景

  • 审计网页项目中的 AI 设计特征信号
  • 学习如何识别和避免机器生成的视觉模式
  • 自动扫描并修复代码库中常见的 UI 风格问题
  • 培训团队识别并拒绝通用的 AI 美学

项目优势

  • 用纯 HTML 重建的交互式前后对比演示,清晰直观
  • 支持多语言(英文、中文、日文、韩文)
  • 完全自动化的代理技能,可扫描、报告并修复代码
  • 基于真实发布的产品,而非刻意编造的例子

使用前须知

  • 仅收录 33 种特征,可能无法覆盖所有 AI 风格问题
  • 扫描器仅检查代码层面的信号,而非运行时视觉效果
  • 需要手动为每个项目调用,未提及持续集成模式

README 快速开始

Kill AI Slop

killaislop.com

Vibe-coded products are ugly in the same specific way: indigo gradients, glowing cards, emoji everywhere, a mascot in every corner, ALL-CAPS stat-cards. It's what a machine reaches for when it has no taste but wants to look impressive, and it's so common you've stopped seeing it.

Kill AI Slop is two things:

  1. A website, a multilingual field guide (English, Chinese, Japanese, and Korean) that catalogues 33 AI-slop tells, each with an interactive before→after demo showing the clean fix. The site is itself built as a rebuttal to everything it catalogues.
  2. An Agent Skill, kill-ai-slop, which turns that catalogue into action: it scans a web project for the code-level signals of each tell, explains why each reads as machine-made, and proposes (or applies) the clean fix.

Every tell is one you can find in real, shipped products, not a strawman. Each entry rebuilds the tell in plain HTML so you can see the machine-default and the clean fix side by side.

Repo layout

website/   Astro site, the field guide (multilingual, static, zero-JS-by-default)
skill/     the kill-ai-slop Agent Skill (SKILL.md + references + scanner)

The website

Live at killaislop.com. To run it locally:

cd website
npm install
npm run dev        # http://localhost:4321
npm run build      # → dist/  (static, deploy anywhere)

Design system: paper + ink, one editorial red used like a proofreader's pen, hierarchy from scale and space, hairline rules, no gradients / emoji / glass / badges. See website/src/styles/tokens.css for the rules it holds itself to, and website/src/data/catalogue.ts for the taxonomy (the single source of truth shared with the skill).

The skill

Universal agent installer

Run the following command and follow the prompt to install it to your favorite coding agents:

npx skills add yetone/kill-ai-slop

Manual installation

Install it without touching a single file: paste this to your coding agent (Claude Code, Cursor, etc.) and it fetches the skill and drops it into its own skills directory for you.

Install the kill-ai-slop skill from
https://github.com/yetone/kill-ai-slop/tree/main/skill

Copy everything in that directory into a kill-ai-slop/ folder
inside your agent's skills directory, then co

项目描述

A field guide to the visual & copy tics of AI-generated products — and an Agent Skill that scans your project and strips them out. https://killaislop.com

相关仓库与替代方案

根据分类、Topic 和编程语言匹配的相似项目。

gnipbao
精选
gnipbao GitHub avatar

story-to-handdrawn-video

A Remotion-based tool that converts Chinese story text or ordered hand-drawn images into vertical hand-drawn diary-comic animation with handwritten captions, left-to-right reveals, optional page-curl transitions, and silent H.264 output for post-production dubbing.

AI 与机器学习AI 智能体
683
0xwilliamortiz
精选
0xwilliamortiz GitHub avatar

ponytail-improved

Ponytail is a plugin for AI coding agents that enforces a disciplined ladder of reuse before writing code, reducing code volume by roughly 54% while preserving safety.

AI 与机器学习AI 智能体
545
Jakubantalik
精选
Jakubantalik GitHub avatar

thinking-orbs

A React component library that renders six hand-tuned animated thought orb loading indicators on a plain 2D canvas, with two purpose-tuned sizes and automatic theme detection for AI and agent UIs.

AI 与机器学习AI 智能体
1,191