Escape AI-slop when Claude Code designs for you

Claude Code generates visuals but they smell of AI-slop (mediocre type, inconsistent spacing, colors with no intent). claude-code as runtime, ui-ux-pro-max frames design choices from the product type (79 styles, 192 palettes), impeccable polishes the output (typography, color, /audit /critique), web-design-guidelines checks the result against published rules you can cite in review, brand-guidelines saves you from restating your brand every session, huashu-design produces HTML-native deliverables (slides, motion, MP4). Two additions bracket the loop: image-to-code forces a visual reference before the first line of code, playwright makes the agent open the result and see for itself what broke.

Why

Escape AI-slop when Claude Code designs for you. You've tried it: you run Claude Code, ask "make me a pricing page", and it ships 3 aligned cards with a purple gradient. Technically correct. Visually, mushy 2023. You spot AI-slop from 15 feet and so do your users. This kit installs the skills that change how Claude Code sees design. ui-ux-pro-max gives it a style library, Image to Code makes it look at an image before writing any code, Impeccable adds polish passes, web-design-guidelines makes a finding arguable, Brand Guidelines keeps your identity between sessions, huashu-design covers…

When

Build phase, audience dev/designer/PM coding solo who wants output that doesn't reek of AI. ✅ You know it's your kit when Your Claude UIs always come out flat: aligned, neutral, soulless You don't have a dedicated designer: you're alone at your terminal You want visual differentiation, not just "it works" ❌ Not for this kit You have a strict DS in place → see proteger-ds-agents with…

Tools included

View on Coeurdar