Design System MCP Server

by wordpress

MCP server for the WordPress Design System.

12kNode.jsstdio

context tax

pending

security

pending

cold start

pending

freshness

pending

Our reading of Design System, from the data

Design System is a design MCP server from wordpress.

We haven't measured its tool list yet, so its token cost is unknown.

With 11,774 GitHub stars it ranks #2 of 696 design servers we index.

It runs locally on your machine over stdio.

Install Design System MCP server

claude mcp add design-system-wordpress -- npx -y @wordpress/design-system-mcp

{
  "mcpServers": {
    "design-system-wordpress": {
      "command": "npx",
      "args": [
        "-y",
        "@wordpress/design-system-mcp"
      ]
    }
  }
}

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

{
  "mcpServers": {
    "design-system-wordpress": {
      "command": "npx",
      "args": [
        "-y",
        "@wordpress/design-system-mcp"
      ]
    }
  }
}

Settings → Developer → Edit Config (claude_desktop_config.json), then restart.

{
  "servers": {
    "design-system-wordpress": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@wordpress/design-system-mcp"
      ]
    }
  }
}

Add to .vscode/mcp.json in your workspace.

{
  "mcpServers": {
    "design-system-wordpress": {
      "command": "npx",
      "args": [
        "-y",
        "@wordpress/design-system-mcp"
      ]
    }
  }
}

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

Freshness

Not enough public signals yet to judge maintenance.

Last commit (default branch)
2026-10-19 · today · GitHub
Latest release
2026-10-14 · 4d ago · GitHub · v24.2.0
Package published
no data · npm/PyPI
Registry entry updated
no data · official registry

How it compares in Design

Against the most-starred design servers we index. Token cost is per model turn, measured from each server's live tool list.

Server	Stars	Tools	Tokens / turn	Freshness	Runs
Design System (this)	11,774	—	not measured	—	local
Figma Developer	16,007	—	not measured	Slowing	local
Magic	6,105	—	not measured	Active	—
Primer	3,918	—	not measured	—	local
Dembrandt	3,722	—	not measured	—	local
JS Reverse	2,979	—	not measured	Maintained	local

All design MCP servers

FAQ

›How do I install the Design System MCP server in Claude Code?

Run: claude mcp add design-system-wordpress -- npx -y @wordpress/design-system-mcp. For Cursor, VS Code, Claude Desktop and Windsurf, use the install tabs above.

›Does Design System require an API key?

No required environment variables are declared in its published metadata.

›Can I use Design System as a remote (hosted) MCP server?

No hosted endpoint is published; it runs locally over stdio.

›Is Design System in the official MCP registry?

No. It was indexed from npm.

Sources and method

GitHub repository: fetched 2026-10-19
Package registry (npm / PyPI): listed
Last checked against all sources: 2026-10-19

The description, packages and links come from the maintainer's own published metadata. Token cost, security signals, freshness and the reading above are MCPSkillHub's own measurements; see the methodology. Spot an error? Request a correction or claim the listing.