Skills/Design & Creative/Frontend Design Builder

Frontend Design Builder

MCP Ready

Generate production-ready, polished UI from a description or rough wireframe -- proper spacing, type scale, and component structure, not another gray-box mockup.

Design & Creativev1.0.0
frontendui-designdesign-systemreacttailwindweb-design

Builds complete frontend screens and components (React + Tailwind by default, adaptable to other stacks) from a plain-language brief or a rough sketch: applies a coherent type scale and spacing system, picks accessible color contrast, structures semantic HTML, and wires up basic interactivity and responsive breakpoints. Companion to the existing Frontend Design Reviewer -- this one builds first drafts, the reviewer critiques them. Modeled on the ecosystem's most-installed design skill (277K+ installs), aimed at the same gap: AI-generated UI that looks designed, not scaffolded.

Get a free skill every week

Hand-picked Claude skills + tips for getting more out of your AI tools. No spam, unsubscribe anytime.

Get Claude tips & updates

Weekly tips on using Claude effectively. Unsubscribe anytime.

You Might Also Like