The 5 files that turn AI-built websites from generic to unmistakably yours — from the experiment where Claude Code built the same landing page 6 times and the slop drained out round by round: the brief, the taste rulebook, a complete design.md, the imagery rules, and the detail-pass checklist.

Get the Anti-Slop Design Stack

The complete ladder from the video, ready to paste into your own project. FILE 1 — the BRIEF.md template (WHO / FEEL / ONE ACTION) with the warning that every gap in your prompt becomes a confident lie on your page. FILE 2 — the full TASTE.md rulebook (one display + one text font on a ~1.25 scale, 8px grid, sections ≥96px, exactly ONE accent under 10% of the surface, no emoji icons, ≤8-word headlines, 150-250ms motion, real hover/focus states, hairlines over shadows, break the centered-3-cards rhythm). FILE 3 — Keel's complete real design.md ('the nautical ledger': paper #F6F2EA, ink #0C1B24, buoy orange #E8562D, tide teal #1E6E64, Fraunces + Inter + IBM Plex Mono, ledger lines, receipt cards, one rubber-stamp moment) plus a fill-in-the-blanks skeleton for YOUR brand. FILE 4 — the imagery rules and the reusable image-prompt formula that keeps every generated image on-palette, with the worked sailboat-hero example. FILE 5 — the detail-pass checklist (micro-interactions, one icon stroke weight, reduced-motion, AA contrast, the cover-the-logo brand test). Plus the verified install commands for Anthropic's frontend-design, brand-guidelines and theme-factory skills and the 65K-star community taste-skill, and where to hunt layout inspiration.

Subscribe to Hyperautomation AI ReportGet the PDF freeKeyword: TASTE

Free. No spam. Unsubscribe anytime.