# Carbon MCP

Carbon MCP gives AI clients access to Carbon components, tokens, icons, charts, docs, and code examples. Use it when building Carbon-based interfaces.

- MCP server · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI · ★ 40
- Author: carbon-design-system
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/carbon-design-system/carbon-mcp
- Updated: 2026-10-17
- HTML: https://affpapa.org/en/nevibecode/mcp/carbon-mcp

## What it does

Carbon MCP connects an AI client to a hosted Carbon Design System server through MCP. The agent can look up component details, colors, typography, tokens, icons, charts, usage guidance, and code examples before producing interface code.

The remote endpoint is `https://mcp.carbondesignsystem.com/mcp`. It works with Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, and Zed. IBMid sign-in is required. A client without OAuth support needs a token and session ID, so its authentication path matters before setup.

## Requirements
- Remote server: `https://mcp.carbondesignsystem.com/mcp`

## Install

### Claude Code (native platform)

**Platform CLI: remote server**
```bash
claude mcp add --transport http carbon-mcp https://mcp.carbondesignsystem.com/mcp
```

### Codex

**Platform CLI: remote server**
```bash
codex mcp add carbon-mcp --url https://mcp.carbondesignsystem.com/mcp
```

### Cursor

**Config file**
File `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "carbon-mcp": {
            "url": "https://mcp.carbondesignsystem.com/mcp"
        }
    }
}
```

### GitHub Copilot

**Config file**
File `.vscode/mcp.json`:
```json
{
    "servers": {
        "carbon-mcp": {
            "type": "http",
            "url": "https://mcp.carbondesignsystem.com/mcp"
        }
    }
}
```

### Gemini CLI

**Platform CLI: remote server**
```bash
gemini mcp add -t http carbon-mcp https://mcp.carbondesignsystem.com/mcp
```

## When to use it
- find a suitable Carbon component
- look up Carbon color and type tokens
- build a UI from Carbon documentation
- choose a Carbon icon or chart
- check code against Carbon guidance

## Example prompts
- Use Carbon MCP to find a suitable component for this settings page.
- Ask Carbon MCP for Carbon color and typography tokens for this interface.
- Use Carbon MCP to find a chart example and adapt it to my data.

## Similar
- [REA](https://affpapa.org/en/nevibecode/mcp/rea.md) — MCP server · ★ 386989
- [GitHub](https://affpapa.org/en/nevibecode/mcp/github.md) — MCP server · ★ 33918
- [Netdata](https://affpapa.org/en/nevibecode/mcp/netdata.md) — MCP server · ★ 81115
- [browser-use](https://affpapa.org/en/nevibecode/mcp/browser-use.md) — MCP server · ★ 119160
- [Codebase Memory](https://affpapa.org/en/nevibecode/mcp/codebase-memory.md) — MCP server · ★ 47392
- [mcp-server](https://affpapa.org/en/nevibecode/mcp/mcp-server.md) — MCP server · ★ 43872

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md