Carbon MCP provides tools to explore Carbon Design System components, tokens, and icons, answer documentation questions, and generate consistent UI code.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add --transport http carbon https://mcp.carbondesignsystem.com/mcp~/.codex/config.toml
[mcp_servers.carbon]
url = "https://mcp.carbondesignsystem.com/mcp"
# codex mcp add carbon --url https://mcp.carbondesignsystem.com/mcp~/.cursor/mcp.json
{
"mcpServers": {
"carbon": {
"url": "https://mcp.carbondesignsystem.com/mcp"
}
}
}.vscode/mcp.json
{
"servers": {
"carbon": {
"type": "http",
"url": "https://mcp.carbondesignsystem.com/mcp"
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"carbon": {
"httpUrl": "https://mcp.carbondesignsystem.com/mcp"
}
}
}claude_desktop_config.json · Customize › Connectors › Add custom connector
{
"mcpServers": {
"carbon": {
"command": "npx",
"args": [
"-y",
"mcp-remote",
"https://mcp.carbondesignsystem.com/mcp"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"carbon": {
"url": "https://mcp.carbondesignsystem.com/mcp"
}
}
}