Google PageRank for AI agents. 25,000+ tools indexed.

better-design MCP Server

marvkr/better-design

Score: 54.4 Rank #11046 Agent Framework
[![AgentRank](https://agentrank-ai.com/api/v1/badge/marvkr--better-design)](https://agentrank-ai.com/tool/marvkr--better-design/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge)
Are you the maintainer of marvkr/better-design? Claim this listing →

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

Add AgentRank to Claude Code Discover and compare tools like marvkr/better-design — your AI finds the right one automatically
Get API Access →
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

TypeScript MIT
ai-designclaude-codecomponent-librarycursordesign-systemsdesign-tokensfigma-alternativegenerative-uigithub-copilotmcp-servershadcnshadcn-uitailwindcssui-componentsvibe-codingclaude-code-for-designclaude-designcodex-designcoding-agentscursor-design

Score Breakdown

StarsFreshnessIssue HealthContributorsDependents
Stars 15% 256

256 stars → growing community

Freshness 25% 1mo ago

Last commit 1mo ago → moderate activity

Issue Health 25% 0%

0/1 issues closed → many open issues

Contributors 10% 3

3 contributors → small team

Dependents 25% 0

No dependents → no downstream usage

npm Downloads N/A
PyPI Downloads N/A
Forks 12
Description Detailed
License MIT

Weights: Freshness 20% · Issue Health 20% · Dependents 22% · Stars 10% · Contributors 8% · How we score →

How to Improve

Freshness high impact

Last commit was 49 days ago — a recent commit would boost your freshness score

Issue Health high impact

You have 1 open vs 0 closed issues — triaging stale issues improves health

Dependents medium impact

No downstream dependents detected yet — adoption by other projects is the strongest trust signal

Badge all embed codes →

AgentRank score for marvkr/better-design
[![AgentRank](https://agentrank-ai.com/api/v1/badge/marvkr--better-design)](https://agentrank-ai.com/tool/marvkr--better-design/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge)
<a href="https://agentrank-ai.com/tool/marvkr--better-design/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge"><img src="https://agentrank-ai.com/api/v1/badge/marvkr--better-design" alt="AgentRank"></a>

Embed Widget docs →

Embed a rich score widget on your site or blog.

<script src="https://agentrank-ai.com/embed.js" data-tool="marvkr/better-design"></script>

Matched Queries

"mcp server""mcp-server"topic:mcp-server

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, component 
Read full README on GitHub →

Get the weekly AgentRank digest

Top movers, new tools, ecosystem insights — straight to your inbox.