better-design MCP Server
marvkr/better-design
[](https://agentrank-ai.com/tool/marvkr--better-design/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge) 🎨 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.
claude mcp add agentrank -- npx -y agentrank-mcp-server Overview
marvkr/better-design is a TypeScript MCP server licensed under MIT. 🎨 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. Topics: ai-design, claude-code, component-library, cursor, design-systems, design-tokens, figma-alternative, generative-ui, github-copilot, mcp-server, shadcn, shadcn-ui, tailwindcss, ui-components, vibe-coding, claude-code-for-design, claude-design, codex-design, coding-agents, cursor-design.
Ranked #11046 out of 24846 indexed tools.
Ecosystem
Score Breakdown
256 stars → growing community
Last commit 1mo ago → moderate activity
0/1 issues closed → many open issues
3 contributors → small team
No dependents → no downstream usage
Weights: Freshness 20% · Issue Health 20% · Dependents 22% · Stars 10% · Contributors 8% · How we score →
How to Improve
Matched Queries
From the README
# 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. [Website](https://better-design.com) · [Design systems](#available-design-systems) · [Setup](#setup) · [Contributing](#contributing) ## What is Better Design? Better Design gives AI coding agents the design context they usually miss: design tokens, component code, UI principles, icon direction, accessibility checks, and visual-design review rules. Think of it as a **Claude Design-style workflow for your own codebase**: 1. Pick the product direction: Linear, Supabase, Vercel, Airbnb, Stripe, Apple, Notion, Figma, or another curated design system. 2. Feed your AI agent the right `globals.css`, semantic tokens, componentRead full README on GitHub →
Get the weekly AgentRank digest
Top movers, new tools, ecosystem insights — straight to your inbox.