Carbon Mcp

Explore Carbon docs, components, tokens, icons, charts, and code examples.

Get it
LLM Mart 0 views 2 listing impressions
Transport
Not stated
Package
—
Registry id
com.carbondesignsystem.mcp/carbon-mcp

No install snippet on purpose. A working MCP config is a command, its arguments and an environment block — the last two are where API keys live, so this catalogue never stores them and cannot publish them. Follow the link above for the authors' own instructions.

This repository serves as the central place to report issues and request new features for Carbon MCP.

Visit the Carbon MCP website to get started:

  • Overview: Carbon MCP overview and key benefits
  • Concepts: Details on the Carbon MCP tools and content coverage
  • Onboarding and setup: Getting authentication credentials and connecting to common MCP clients
  • Prompts: Prompting guidance and best practices
  • Token conservation: Keeps AI workflows fast and cost-efficient by reducing unnecessary context and responses without losing quality

Carbon MCP GitHub banner showing tagline about AI expertise in Carbon

What is MCP?

MCP (Model Context Protocol) is an open-source standard that enables AI agents or AI applications to securely connect with external tools, data sources, and workflows through a unified integration layer.

Carbon MCP

➤ Carbon MCP makes any agentic AI application an instant expert in the Carbon Design System, enabling teams to deliver consistent, high‑quality user experiences with greater speed.

  • Instant AI Access to Carbon Design Standards: Carbon MCP lets AI applications or agents directly query the Carbon design system for pertinent context (e.g. colors, typography, component source, usage guidelines, etc.).

  • Smarter Code Generation: Code examples and documentation exposed via Carbon MCP allows AI tools to generate high-fidelity Carbon UI code that conforms to design and development best practices.

  • Improved Consistency: AI tools that integrate Carbon MCP gives designers, developers, and PMs consistent answers and examples from a shared source of truth, helping reduce drift and rework.

Summary of Carbon MCP Coverage

Carbon MCP continues to evolve. Current coverage is provided below:

✅ @carbon/react

  • Code examples and documentation
  • Example: Button, Tabs, TextInput, etc.
  • Multiple variants per component
  • Complete props and imports

✅ @carbon/web-components

  • Code examples and documentation
  • Example: button, tabs, text-input, etc.
  • Multiple variants per component
  • Complete props and imports

✅ Carbon for IBM Products

  • Code examples and documentation
  • Example: Tearsheets, PageHeader, etc.
  • Multiple variants per component
  • Complete props and imports

✅ Carbon Icons and Pictograms

  • Code examples and documentation
  • Example: Settings, User, UserAvatarFilled, etc.
  • Usage

✅ @carbon/ai-chat

  • Code examples and documentation
  • Example: basic, custom-element, history, etc.
  • Full code examples
  • Complete props and imports

✅ @carbon/charts

  • Chart type descriptions
  • Links to demos
  • Full code examples
  • Complete props and imports

✅ @carbon-labs/*

  • Code examples and documentation for preview candidates
    • React - AnimatedHeader, Processing, Resizer, UIShell, and What's New
  • Multiple variants per component
  • Complete props and imports

⛔ Support coming soon!

  • Carbon TanStack
  • Carbon Patterns

From the project's README.