Getting Started

Cursor

Add this configuration to your project's .cursor/mcp.json file:

{
  "mcpServers": {
    "mcpdesignsystem": {
      "url": "https://www.mcpsystem.design/sse"
    }
  }
}

Claude Code

Add this configuration to your .claude/settings.json file:

{
  "mcpServers": {
    "mcpdesignsystem": {
      "url": "https://www.mcpsystem.design/sse"
    }
  }
}

Verify Connection

After adding the configuration, restart your editor. Then try asking your AI assistant:

• •"List all available components"
• •"Show me the Button component"
• •"What colors are in the design system?"

Available Tools

The MCP server exposes these tools to your AI assistant: