Five plugins that make Claude Code build like a designer, not a dev
We all know that moment. You describe exactly what you want, Claude builds it, and what comes back is... fine. Technically working. Generic spacing, default fonts, buttons that look like every AI-generated site on the internet.
It's not that the tool can't design. It's that nobody gave it taste.
Five plugins fix that:
1. Taste Skill — Pulls real design taste from premium references, so your UI stops looking vibe-coded and starts looking intentional.
2. Web Design Guideline Skill — Audits your code against Vercel's latest design rules and flags every weak point before you ship it to a client.
3. Awesome Design — Hands Claude a full design system pulled from top-quality sites. Colors, typography, spacing, buttons, all of it. No more "make it look nicer" prompts.
4. Image to Code — Turn any reference, any screenshot, any Figma frame into real working code without losing the details that made it good.
5. Playwright CLI — Gives Claude a browser. It screenshots what it just built, catches the broken layouts and ugly output, and fixes them before you ever see them.
That's the gap closed. Our eye, finally attached to something that can build.
Comment "DESIGN" and I'll send you all five links.
3
30 comments
Eliya Elmakis
6
Five plugins that make Claude Code build like a designer, not a dev
powered by
Lovable Ai
skool.com/lovable-ai-3884
Master Lovable AI! We teach how to build apps, share ready prompts, and use smart automations to streamline your workflows. Join this community today!
Build your own community
Bring people together around your passion and get paid.
Powered by