Skip to main content
ClaudeWave

🎨 Open-source design MCP server + shadcn/ui registry — AI design systems for Claude Code, Cursor, Codex, GitHub Copilot & any MCP client. 31 brand-grade themes (Linear, Stripe, Vercel, Notion, Apple, Supabase, Figma…) + design tokens, UI principles & WCAG rules. Install any component with one command.

MCP Servers181 stars9 forksTypeScriptMITUpdated yesterday
Install in Claude Code / Claude Desktop
Method: Manual
Claude Code CLI
git clone https://github.com/marvkr/better-design
claude_desktop_config.json (Claude Desktop)
{
  "mcpServers": {
    "better-design": {
      "command": "node",
      "args": ["/path/to/better-design/dist/index.js"]
    }
  }
}
1. Run the command above in your terminal (Claude Code), or paste the JSON config into claude_desktop_config.json (Claude Desktop).
2. Replace any <placeholder> values with your API keys or paths.
3. Restart Claude. The MCP server and its tools appear automatically.
💡 Clone https://github.com/marvkr/better-design and follow its README for install instructions.
Use cases

MCP Servers overview

README preview not available. Visit the repo on GitHub for full documentation.
ai-designclaude-codeclaude-code-for-designclaude-designcodex-designcoding-agentscomponent-librarycursorcursor-designdesign-systemsdesign-tokensfigma-alternativegenerative-uigithub-copilotmcp-servershadcnshadcn-uitailwindcssui-componentsvibe-coding

What people ask about better-design

What is marvkr/better-design?

+

marvkr/better-design is mcp servers for the Claude AI ecosystem. 🎨 Open-source design MCP server + shadcn/ui registry — AI design systems for Claude Code, Cursor, Codex, GitHub Copilot & any MCP client. 31 brand-grade themes (Linear, Stripe, Vercel, Notion, Apple, Supabase, Figma…) + design tokens, UI principles & WCAG rules. Install any component with one command. It has 181 GitHub stars and was last updated yesterday.

How do I install better-design?

+

You can install better-design by cloning the repository (https://github.com/marvkr/better-design) or following the README instructions on GitHub. ClaudeWave also provides quick install blocks on this page.

Is marvkr/better-design safe to use?

+

marvkr/better-design has not been audited yet by our security agent. Review the original repository on GitHub before using it in production.

Who maintains marvkr/better-design?

+

marvkr/better-design is maintained by marvkr. The last recorded GitHub activity is from yesterday, with 1 open issues.

Are there alternatives to better-design?

+

Yes. On ClaudeWave you can browse similar mcp servers at /categories/mcp, sorted by popularity or recent activity.

Deploy better-design to your cloud

Ship this repo to production in minutes. Each platform spins up its own environment with editable env vars.

Maintain this repo? Add a badge to your README

Drop the badge into your GitHub README to show it's tracked on ClaudeWave. Each badge links back to this page and reflects the live Trust Score.

Featured on ClaudeWave: marvkr/better-design
[![Featured on ClaudeWave](https://claudewave.com/api/badge/marvkr-better-design)](https://claudewave.com/repo/marvkr-better-design)
<a href="https://claudewave.com/repo/marvkr-better-design"><img src="https://claudewave.com/api/badge/marvkr-better-design" alt="Featured on ClaudeWave: marvkr/better-design" width="320" height="64" /></a>

More MCP Servers