Carbon MCP
com.carbondesignsystem.mcpPublished by mcp.carbondesignsystem.comOfficial publisherv1.14.0Updated Oct 24, 2026
Explore Carbon docs, components, tokens, icons, charts, and code examples.
Overview
Hosted Carbon Design System server that lets an assistant look up Carbon components, tokens, icons, charts and docs, and audit code against Carbon guidelines.
- What you can do
- Search Carbon React and Web Components code examples, icons and pictograms
- Search Carbon Design System and IBM Products documentation, usage and accessibility guidance
- Retrieve Carbon Charts examples for React, Angular, Vue, Svelte, Vanilla JS and HTML
- Look up Carbon Labs experimental components, props, events and usage docs
- Audit code against Carbon guidelines for tokens, component usage, accessibility and layout
- When to use it
- Useful when building or reviewing user interfaces with the Carbon Design System and you want the assistant to pull real component examples, props and guidance instead of guessing. Also fits teams that want designers, developers and PMs to get consistent answers from one source.
- Requirements
- A remote MCP client pointed at the hosted streamable HTTP endpoint; no local package. Sign-in with an IBMid via OAuth, or a generated token and session ID for clients without OAuth discovery. Network access to the hosted service.
Installation
In SourceWeft
- Open Carbon MCP in the dashboard and add it to a workspace.
- Connect the required credentials. They are stored privately and never shown on public pages.
- Enable the server for the chats that should use its tools.
Web executable via Streamable HTTP. Remote servers run from the web runtime once configured in a workspace.
Use with an agent
Paste this prompt into Claude Code, Codex, Cursor or another agent — or into SourceWeft chat. The agent reads this server's install guide, shows you its publisher, endpoint and sign-in, and adds it to your client once you agree. Keys never go into a command.
Read https://sourceweft.com/mcp/com.carbondesignsystem.mcp%2Fcarbon-mcp/install.md and connect the MCP server it describes to my client. Before changing any config, show me its publisher, endpoint and sign-in method and wait for my OK. Never put an API key in a command or in a file I would commit; ask me where it should come from.Other MCP clients
Add this to your client's mcpServers config. The client completes OAuth sign-in on first connect.
{
"mcpServers": {
"carbon": {
"type": "http",
"url": "https://mcp.carbondesignsystem.com/mcp"
}
}
}README
Carbon MCP
The Carbon Design System, available to any AI agent.
Carbon MCP is a hosted server that gives AI agents direct access to Carbon's components, icons, charts and documentation through MCP, the open Model Context Protocol standard for connecting AI applications to external tools and data. It runs on IBM Cloud, so any MCP client can connect with a URL and an IBMid sign-in. This repository is where you report issues, request features and get the Carbon Builder skill.
Connect · Carbon Builder skill · Tools · Coverage · Report an issue
Terms of Use for the hosted service · Apache-2.0 for the Carbon Builder skill
Why Carbon MCP
Carbon MCP makes any agentic AI application an instant expert in the Carbon Design System, so teams deliver consistent, high-quality user experiences with greater speed.
Connect
The Carbon MCP server is hosted remotely at
https://mcp.carbondesignsystem.com/mcp. Add it to your client as a remote MCP
server and sign in with your IBMid when asked.
Clients that read an mcp.json file use this minimal configuration:
The full onboarding and setup guide covers what to have before you begin, the prerequisites, connecting to the server and every client above.
Token and session ID
If your client does not support OAuth discovery, you can authenticate with a token and session ID instead.
- Generate a token and session ID.
- Copy your credentials and add them to your Carbon MCP configuration.
Pair it with the Carbon Builder skill
Carbon Builder is a portable AI skill that turns an agent into an expert Carbon Design System engineer. It retrieves live component examples, variants, props and documentation from the Carbon MCP server, generates Carbon React and Web Components code, and builds Carbon Charts across every supported framework.
The server supplies the facts; the skill tells the agent when to ask for them and how to turn the answers into working code. Together they produce better results than either alone.
Install it with the skills CLI, choosing the line for your agent:
The CLI supports many more agents; see skills.sh. The skill has its own page at skills.sh/carbon-design-system/carbon-mcp/carbon-builder.
To install without the CLI, download
carbon-builder.zip, unzip it, and copy the
carbon-builder/ folder to your client's skills location. The
skill README lists the path for each
client, and the onboarding guide walks through it in
Set up your AI client and install the Carbon Builder skill.
Tools
Coverage
Carbon MCP continues to evolve. Current coverage:
The Concepts page describes the content in more detail.
Documentation
Issues and support
Open an issue to report a bug, request a feature or ask for help. Templates guide each one.
Source: README.md at commit c8af755
Tools
0Version history
1- v1.14.0LatestOct 10, 2026
Score
75% of the applicable checks met
How complete this listing is, computed from the registry entry, the endpoint and public sources. Not a rating of the server and not a statement that it is safe or working today: reachability is a dated check, and no installs or reviews go into the score.
- Reached in the last 30 daysRequired25 pts
- Auth declaredRequired10 pts
- Tools listed15 pts
Answer tools/list without a credential, or ship a package that starts in a sandbox without one.
- DescriptionRequired15 pts
- Logo10 pts
- Documentation15 pts
- License10 pts
Declare a license in the repository or the registry entry.