SERVER

Better Design

Rank #4,961

io.github.marvkr/better-design

A design harness for AI coding agents: design systems, design principles, icons and UI review.

4 versions

248 GitHub stars

by marvkr (2 servers)View repository ↗Claim this server

First listed

Sep 29, 2026

Last publish date

Sep 30, 2026

OVERVIEW

Better Design is a Model Context Protocol (MCP) server published by marvkr. It ranks #4,961 of 137,875 servers tracked on MCP Toplist, and its repository has 248 GitHub stars. Better Design is listed on Official MCP, with 4 tracked versions. It was first listed on Sep 29, 2026 and most recently updated on Sep 30, 2026.

STANDING

#4,961of 137,875 tracked serversTop 5%

Ranks ahead of 132,914 of 137,875 servers on MCP Toplist.

CONNECT

Use Better Design

No setupRuns out of the box

No credentials or required configuration declared — add it to your MCP client and go.

Remote · HTTP

claude mcp add --transport http better-design https://better-design.com/api/mcp

npm package

claude mcp add better-design -e "BETTER_DESIGN_API_KEY=<your BETTER_DESIGN_API_KEY>" -- npx -y better-design mcp

Replace each placeholder with your own value before saving.

Remote · HTTP

[mcp_servers.better-design]
url = "https://better-design.com/api/mcp"

Add to ~/.codex/config.toml.

npm package

[mcp_servers.better-design]
command = "npx"
args = ["-y", "better-design", "mcp"]

[mcp_servers.better-design.env]
BETTER_DESIGN_API_KEY = "<your BETTER_DESIGN_API_KEY>"

Add to ~/.codex/config.toml. Replace each placeholder with your own value before saving.

Remote · HTTP

https://better-design.com/api/mcp

Settings → Connectors → “Add custom connector”, then paste this URL.

npm package

{
  "mcpServers": {
    "better-design": {
      "command": "npx",
      "args": [
        "-y",
        "better-design",
        "mcp"
      ],
      "env": {
        "BETTER_DESIGN_API_KEY": "<your BETTER_DESIGN_API_KEY>"
      }
    }
  }
}

Add to claude_desktop_config.json (Settings → Developer → Edit Config). Replace each placeholder with your own value before saving.

Remote · HTTP

{
  "mcpServers": {
    "better-design": {
      "url": "https://better-design.com/api/mcp"
    }
  }
}

Add to ~/.cursor/mcp.json (global) or .cursor/mcp.json (per project).

npm package

{
  "mcpServers": {
    "better-design": {
      "command": "npx",
      "args": [
        "-y",
        "better-design",
        "mcp"
      ],
      "env": {
        "BETTER_DESIGN_API_KEY": "<your BETTER_DESIGN_API_KEY>"
      }
    }
  }
}

Add to ~/.cursor/mcp.json (global) or .cursor/mcp.json (per project). Replace each placeholder with your own value before saving.

Remote · HTTP

{
  "servers": {
    "better-design": {
      "type": "http",
      "url": "https://better-design.com/api/mcp"
    }
  }
}

Save as .vscode/mcp.json in your workspace.

npm package

{
  "servers": {
    "better-design": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "better-design",
        "mcp"
      ],
      "env": {
        "BETTER_DESIGN_API_KEY": "<your BETTER_DESIGN_API_KEY>"
      }
    }
  }
}

Save as .vscode/mcp.json in your workspace. Replace each placeholder with your own value before saving.

Remote · HTTP

{
  "mcpServers": {
    "better-design": {
      "serverUrl": "https://better-design.com/api/mcp"
    }
  }
}

Add to ~/.codeium/windsurf/mcp_config.json.

npm package

{
  "mcpServers": {
    "better-design": {
      "command": "npx",
      "args": [
        "-y",
        "better-design",
        "mcp"
      ],
      "env": {
        "BETTER_DESIGN_API_KEY": "<your BETTER_DESIGN_API_KEY>"
      }
    }
  }
}

Add to ~/.codeium/windsurf/mcp_config.json. Replace each placeholder with your own value before saving.

Remote · HTTP

{
  "mcpServers": {
    "better-design": {
      "url": "https://better-design.com/api/mcp"
    }
  }
}

npm package

{
  "mcpServers": {
    "better-design": {
      "command": "npx",
      "args": [
        "-y",
        "better-design",
        "mcp"
      ],
      "env": {
        "BETTER_DESIGN_API_KEY": "<your BETTER_DESIGN_API_KEY>"
      }
    }
  }
}

Replace each placeholder with your own value before saving.

BADGE

Show your rank

Maintain this server? Add the live rank badge to your README — it updates automatically as the leaderboard changes.

Markdown

[![MCP Toplist](https://mcptoplist.com/badge/io.github.marvkr%2Fbetter-design.svg)](https://mcptoplist.com/server/io.github.marvkr%2Fbetter-design)

HTML

<a href="https://mcptoplist.com/server/io.github.marvkr%2Fbetter-design"><img src="https://mcptoplist.com/badge/io.github.marvkr%2Fbetter-design.svg" alt="MCP Toplist: Top 5% of 137,875" /></a>

Variants: append ?metric=score or ?metric=stars to the image URL.

REGISTRIES

Listed on 1 registry

Official MCP

ORGANIZATION

marvkr

Organization

marvkr

Servers in org

Versions across org

VERSIONS

Available versions (4)

Version	Published
0.36.0	Sep 30, 2026
0.35.5	Sep 30, 2026
0.33.0	Sep 29, 2026
0.31.0	Sep 29, 2026

FAQ

Frequently asked questions

Who maintains Better Design?: Better Design is maintained by marvkr, which publishes 2 MCP servers (4 total versions) tracked on MCP Toplist.
Is Better Design listed on the Official MCP Registry?: Yes — Better Design is listed on the Official MCP Registry.
How many versions does Better Design have?: MCP Toplist tracks 4 versions of Better Design, most recently published on Sep 30, 2026.
Where can I find the source code for Better Design?: The source code for Better Design is hosted at github.com/marvkr/better-design.

Used in projects

Do you run this server?

Add to a project

Community projects list the MCP servers behind real agents and apps. Publish yours and this page will link to it.

EXPLORE

All MCP Servers Official MCP Servers GitHub MCP Servers Best MCP Servers Most Active MCP Servers New MCP Servers Best New MCP Servers