MCP Directory
Back

better-design

by marvkr · TypeScript · ★ 156

🎨 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.

#ai-design#claude-code#claude-code-for-design#claude-design#codex-design#coding-agents#component-library#cursor#cursor-design#design-systems#design-tokens#figma-alternative#generative-ui#github-copilot#mcp-server#shadcn#shadcn-ui#tailwindcss#ui-components#vibe-coding

Install

npx -y github:marvkr/better-design

Auto-generated from the repo's primary language — check the repo's own README for its exact install instructions.

Claude Desktop config

A starting point for your claude_desktop_config.json (auto-generated — the repo's README may specify a published package name or required env vars):

{
  "mcpServers": {
    "better-design": {
      "command": "npx",
      "args": [
        "-y",
        "github:marvkr/better-design"
      ]
    }
  }
}

From the README

> **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. [Website](https://better-design.com) · [Design systems](#available-design-systems) · [Setup](#setup) · [Contributing](#contributing) Better Design gives AI coding agents the design context they usually miss: design tokens, component code, UI principles, icon direction, acc…
Read full README on GitHub →

Related databases servers