Skip to main contentCarbon Design System

Carbon MCP

Carbon MCP (Public Preview)

Carbon MCP is available as a public preview. The Carbon MCP server provides knowledge on our core Carbon Design System elements, iconography, pictograms, guidelines, usage documentation, component libraries across React and Web Components, as well as the Carbon for IBM Products library.

During this public preview, we are eager to hear from the community on what’s working and what we can optimize. Please consider sharing feedback on your experience to help us improve future releases.

Play

IBMers can immediately start using Carbon MCP by following the onboarding instructions below. Non-IBMers can request access using the link below.

Onboarding instructions
carbon icon
Early Access Sign-up Form (Non IBMers)
monday icon

Instantly access the Carbon Design System knowledge base via AI assistance.

Model Context Protocol

Model Context Protocol (MCP) 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.

Why Carbon MCP?

Instant AI Access to Carbon Design Standards: Carbon MCP lets AI applications or agents query the Carbon Design System for colors, typography, component details, usage guidelines, and other essential context.

Smarter Code Generation: Carbon MCP exposes code examples and documentation that enable AI tools to generate high-fidelity Carbon UI code that follows design and development best practices.

Improved Consistency: Carbon MCP helps designers, developers, and PMs get consistent answers and examples from a shared source of truth, which reduces drift and rework.

MCP tools

Carbon MCP provides these tools to the AI application, which are called as needed during a session:

docs_search
Search Carbon Design System and IBM Products documentation, including component guidance, usage, accessibility, and reference docs.

code_search
Search Carbon React/Web Components code examples, icons, and pictograms for complete example application files.

Resources

Carbon MCP Issue & Feature Tracking
Share Feedback
monday icon

Summary of content 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
(Documentation only)

  • Chart type descriptions
  • Links to demos
  • No detailed code examples

Support coming soon!

  • Carbon Labs
  • Carbon TanStack
  • Carbon Patterns
Edit this page on GitHub
Previous
Developing: Frameworks
Next
Carbon MCP: Onboarding and setup