Kill AI Slop is a multilingual field guide and agent skill that catalogues 33 common AI-generated design tells with interactive before-after demos, and provides a tool to scan and fix web projects.

Stars

805

7-day growth

No data

Forks

31

Open issues

0

License

Apache-2.0

Last updated

2026-07-26

AI repository intelligence
FR-AI / ANALYSIS

Why it is worth attention

It systematically documents a widespread but often overlooked aesthetic problem in AI-assisted development, offering both a reference and an automated fix tool, built as a principled counterexample to the slop it critiques.

Who it is for

  • Web developers using AI coding assistants
  • UI/UX designers seeking to avoid generic AI patterns
  • Product teams wanting to polish AI-generated interfaces
  • Educators teaching design quality in AI-assisted workflows

Use cases

  • Auditing a web project for telltale AI design signals
  • Learning to identify and avoid machine-made visual patterns
  • Automatically scanning and fixing common UI slop in codebases
  • Teaching teams to recognize and reject generic AI aesthetics

Strengths

  • Interactive before-after demos rebuilt in plain HTML for clarity
  • Multilingual support (English, Chinese, Japanese, Korean)
  • Fully automated agent skill that can scan, report, and fix code
  • Based on real shipped products, not strawman examples

Considerations

  • Covers only 33 tells, which may not exhaust all AI slop patterns
  • The scanner only checks code-level signals, not runtime appearance
  • Requires manual invocation per project; no continuous integration mode mentioned

README quick start

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

Description

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

Related repositories

Similar projects matched by category, topics, and programming language.

gnipbao
Featured
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 & Machine LearningAI Agents
683
0xwilliamortiz
Featured
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 & Machine LearningAI Agents
545
Jakubantalik
Featured
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 & Machine LearningAI Agents
1,191