$ 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.
Turn AI into a senior UX/UI architect for tokens, components, and accessible code.
Turn local AI coding history into an anonymized developer profile and poster.
Create, iterate, and retrieve Claude Design outputs directly from your editor.
Discover Claude skills and resources to customize efficient AI coding workflows.