$ loading_
Design consistent, polished web pages with specs first and code second.
Copy the install command and let the AI configure it · recommended for beginners
No copy-paste install info for "web-design" yet — see the docs or source repo.
Design a marketing landing page for an AI note-taking app. Do not write code first. Start with the page structure, visual style, color palette, typography, button rules, spacing system, and responsive behavior, then generate HTML/CSS based on the spec.
A complete web design spec first, followed by consistent and implementation-ready page code.
I have an inconsistent admin dashboard. First define a unified design system covering colors, cards, forms, tables, navigation, and status badges, then rewrite the key page components to ensure visual consistency.
A documented admin design system plus updated page and component code with consistent styling.
Create a web prototype for an online course platform aimed at university students, with a clean modern style and emphasis on course categories, instructor profiles, pricing plans, and student testimonials. Write the design rationale first, then generate prototype code.
A clear design rationale and information architecture first, then previewable web prototype code.
Create frontend UI concepts that avoid generic AI-generated visual styles.
Build web interfaces that work well for both AI agents and humans.
Audit designs against 19 professional rules and get actionable improvements.
A curated Claude skills collection for faster coding and automation workflows.
Turn AI into a senior UX/UI architect for tokens, components, and accessible code.
Create, iterate, and retrieve Claude Design outputs directly from your editor.