# The Slop Catcher

Find everything on your website that screams "AI made this", with the exact line to fix, then let Claude redesign it.

## What you get

**Your website looks like AI made it. Your visitors can tell.**

The Slop Catcher tells you exactly why.

It reads your page like a picky designer would. Then it hands you a list:

- Purple gradients
- Emoji used as icons
- Three boxes that all look the same
- Made-up lines like "trusted by 50,000 teams"

Each one comes with the exact line to fix.

Then you say "fix it." And it redesigns the page.

**Free. No keys. No accounts. About 5 minutes.**

## One thing to know

It's a set of instructions for Claude, not magic. The redesign is cleaner, not award winning.

And sometimes it makes up text, like a fake number. **Read every line before you publish.**

## Who this is for

You have a website or landing page. Maybe AI helped build it. And it looks like every other site out there.

This is your designer's first pass, without the designer.

## What you need

- Claude Code
- Node.js
- One page to check (one HTML file is best)

That's it.

## Set it up

### Step 1: Add it

One line. It drops the skill into Claude Code.

```
npx skills add nutlope/hallmark
```

### Step 2: Restart Claude Code

Close it. Open it again. Now it knows the skill.

## Use it

Open Claude Code and say:

```
Use the hallmark skill to audit ./page.html
```

You get a list. Worst problems first:

```
CRITICAL  Purple gradient background      style.css:12   Use one solid color
CRITICAL  Made-up "50,000+ teams" line    index.html:48  Remove it or use a real number
MAJOR     Emoji used as icons             index.html:30  Use simple real icons
...
```

Then say: **"Now redesign it."**

It tells you which files it will change. It might ask for one mood word, like "warm" or "technical." Give it one.

**Tip:** point it at one file. Give it a whole folder and it stops to write design notes first, then waits for your OK.

## If something goes wrong

**Claude doesn't know the skill.** You didn't restart. Close Claude Code and open it again.

**It stopped and is waiting.** You gave it a folder. Say yes, or point it at one file.

**The new page says things you never said.** Delete them before you publish.

## Credit

Built by Nutlope (https://github.com/Nutlope/hallmark), MIT license. Free and open source.