better-design

by marvkr · MCP Server · ★ 147

About better-design

Better Design: Open source Claude Design Turn your AI coding IDE into a design engineer. Better Design works with MCP-compatible agents and editors like Claude Code, Cursor, VS Code/GitHub Copilot, Claude Desktop, and claude.ai. It is a design MCP server, AI design-system registry, and UI review layer for generating polished product interfaces from prompts.

ai-designclaude-codeclaude-code-for-designclaude-designcodex-designcoding-agentscomponent-librarycursorcursor-designdesign-systems

Quick Facts

Stars147
Forks6
LanguageTypeScript
CategoryMCP Server
LicenseMIT
Quality Score69.6906755063653/100
Last Updated2026-06-19
Created2026-05-05
Platformsclaude-code, cli, codex, mcp, node
Est. Tokens~17k

Compatible Skills

These tools work well together with better-design for enhanced workflows:

  • styleseed — semantic(0.67)+complementary+shared_fw(vercel)+rare_topics+same_lang+similar_pop+shared_platform (97%)
  • open-design — semantic(0.57)+complementary+shared_fw(vercel)+rare_topics+same_lang+shared_platform (78%)
  • open-codesign — semantic(0.38)+complementary+shared_fw(vercel)+rare_topics+same_lang+shared_platform (70%)
  • shieldcn — semantic(0.21)+complementary+shared_fw(vercel)+rare_topics+same_lang+similar_pop+shared_platform (70%)
  • typeui — semantic(0.43)+complementary+rare_topics+same_lang+similar_pop+shared_platform (69%)

More MCP Server Tools

Explore other popular mcp server tools:

View all MCP Server tools →

Popular TypeScript Agent Tools

  • openclaw ⭐ 382.2k · Codex Skill
  • n8n ⭐ 195.7k · MCP Server
  • dify ⭐ 148.2k · MCP Server
  • gstack ⭐ 120.5k · Agent Tool
  • gemini-cli ⭐ 105.8k · MCP Server

Frequently Asked Questions

What is better-design?

better-design is 🎨 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,. It is categorized as a MCP Server with 147 GitHub stars.

What programming language is better-design written in?

better-design is primarily written in TypeScript. It covers topics such as ai-design, claude-code, claude-code-for-design.

How do I install or use better-design?

You can find installation instructions and usage details in the better-design GitHub repository at github.com/marvkr/better-design. The project has 147 stars and 6 forks, indicating an active community.

What license does better-design use?

better-design is released under the MIT license, making it free to use and modify according to the license terms.

View on GitHub → Browse MCP Server tools