Superdesign
Integrates Superdesign's design orchestrator with Claude Code to generate UI designs, wireframes, components, logos, and SVG icons
This MCP server brings Superdesign's AI design agent capabilities to Claude Code as native tools, operating as a design orchestrator that provides structured specifications for the IDE's LLM to execute rather than generating designs directly. Built with TypeScript and the MCP SDK, it eliminates the need for separate API keys by leveraging Claude Code's existing LLM connection, offering tools for UI design generation, wireframes, components (HTML/React/Vue), logos, SVG icons, design iteration, and design system extraction from screenshots. The implementation includes an interactive HTML gallery with auto-refresh capabilities for viewing all created designs, automatic file organization in a visible superdesign/ directory, and maintains all of Superdesign's design methodology while providing seamless integration without manual prompt copying, making it valuable for developers who want sophisticated design capabilities directly within their Claude Code workflow.
Source
Repository: https://github.com/jonthebeef/superdesign-mcp-claude-code
Maintain Superdesign?
Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.
[Superdesign on getagentictools](https://getagentictools.com/mcp/jonthebeef-superdesign-mcp-claude-code?ref=badge) Related mcp
Podman Integrates with Podman's API to enable container creation, management, and orchestration for automated DevOps workflows and micros
Cursor MCP Installer Streamlines MCP server installation and configuration within Cursor IDE, automatically handling environment setup and creating nec
Figma to React Transforms Figma designs into React components with TypeScript and Tailwind CSS, providing tools for API integration, component ex
Serial Port Communication Enables serial port communication with embedded devices and hardware through configurable connection parameters, multiple data enc
Codebase Retrieval (RepoMix) Integrates with RepoMix to enable codebase retrieval and analysis for tasks like code review, dependency tracking, and automated d
ChotuRobo (Arduino) Connects Claude AI with physical hardware through a TypeScript server that translates natural language commands into robotic contr