Free toolkit · Claude & Claude Code
13 things that kill AI slop (every link)
The full design stack that stops AI output looking AI-generated. 13 tools across three jobs: give it a reference, install taste, then finish the details. Every link and install command.
What’s inside
- 1The foundation: give it something to copy
- 2The skills: install taste
- 3The finishers: the details people feel
- 4What it costs
- 5The order that matters
- 6Want the full write-up
🧹 Here it is. AI does not design badly because it is stupid. It designs badly because nobody gave it a reference. These 13 fix that.
The foundation, give it something to copy
- 01. Claude Code. The agent that builds the thing. Everything below installs into it. Run
/initfirst so it writes its own house rules. claude.com/product/claude-code ·npm i -g @anthropic-ai/claude-code - 02. Refero Styles. 2,000+ AI-readable design systems from real product websites. Open a style, copy its
DESIGN.md, paste it in before you prompt. Works in Claude Code, Cursor, Codex, v0 and Lovable. styles.refero.design - 03. Awesome
DESIGN.md. The same idea, free, and searchable by brand name. Drop the closest file in your repo root and Claude pulls real palettes and spacing instead of guessing. github.com/VoltAgent/awesome-design-md
That’s the first part. The rest of this guide is free too.
Charlie Hills