# Kill AI Slop

**[killaislop.com](https://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](https://killaislop.com)**. To run it locally:

```bash 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 ```

### Manua