$ loading_
Create, iterate, and retrieve Claude Design outputs directly from your editor.
Copy the install command and let the AI configure it · recommended for beginners
No copy-paste install info for "claude.design-mcp" yet — see the docs or source repo.
Use Claude Design to generate a login page concept for a habit-tracking app. Make it clean and modern, with brand colors, an illustration area, email login, and social sign-in buttons.
A design concept for the login page with core layout and visual direction, ready for iteration.
Open the most recently generated dashboard design in my claude.ai account, change the top navigation to a sidebar, strengthen the hierarchy of data cards, and unify button styles, then produce a new version.
A revised design version with improved structure and more consistent styling based on the existing draft.
Retrieve all mobile landing page designs generated in my account this week, organize them by project name, and list each design’s theme, purpose, and possible next iteration directions.
A project-organized list of designs, with brief descriptions and suggested next-step improvements for each.
Drive Claude Design from CLI to create, iterate, and export design systems.
Bring Claude Design projects into Claude Desktop with code, history, and bundles.
Interact with Adobe XD files and generate React components from designs.
Manage dev servers and automate Chrome for preview and testing workflows.
Delegate web research and image generation to ChatGPT through browser automation.
Analyze visual sources and generate structured design docs, tokens, and components.