Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 12 additions & 0 deletions src/images/monday.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
98 changes: 54 additions & 44 deletions src/pages/developing/carbon-mcp/overview.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -13,72 +13,61 @@ import {
SubtractAlt,
} from '@carbon/icons-react';
import { green, red } from '@carbon/colors';
import MONDAY_LOGO from '../../../images/monday.svg';

<InlineNotification kind="info">
Carbon MCP is in public preview. Non‑IBMers can request access via this
[form](https://wkf.ms/4qaLODl). IBMers can use these
[instructions](/developing/carbon-mcp/onboarding-and-setup/) for immediate
access.
</InlineNotification>
## Carbon MCP (Public Preview)

<PageDescription>

Instantly access the Carbon Design System knowledge base via AI assistance.
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.

</PageDescription>
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](https://forms.monday.com/forms/d7f4a23fe080f757e805294d746e515c?r=use1)
to help us improve future releases.

<AnchorLinks>
<AnchorLink>Resources</AnchorLink>
<AnchorLink>Carbon MCP Public Preview</AnchorLink>
<AnchorLink>Model Context Protocol</AnchorLink>
<AnchorLink>Why Carbon MCP?</AnchorLink>
<AnchorLink>MCP tools</AnchorLink>
<AnchorLink>Summary of content coverage</AnchorLink>
</AnchorLinks>
<Row>
<Column colLg={8}>
<Video controls src={bobDemo}></Video>
</Column>
</Row>

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

<Row className="resource-card-group">
<Column colMd={4} colLg={4} noGutterSm>
<ResourceCard
subTitle="Generate Token & Session Id"
href="https://mcp.carbondesignsystem.com/mcp/auth/ibmid/web">
subTitle="Onboarding instructions"
href="/developing/carbon-mcp/onboarding-and-setup/"
actionIcon="arrowRight">
<MdxIcon name="carbon" />
</ResourceCard>
</Column>
<Column colMd={4} colLg={4} noGutterSm>
<ResourceCard
subTitle="Carbon MCP Issue & Feature Tracking"
href="https://github.com/carbon-design-system/carbon-mcp">
<MdxIcon name="github" />
</ResourceCard>
</Column>
<Column colMd={4} colLg={4} noGutterSm>
<ResourceCard subTitle="Share Feedback" href="https://wkf.ms/4tA9TGT">
<MdxIcon name="monday" />
</ResourceCard>
</Column>
<Column colMd={4} colLg={4} noGutterSm>
<ResourceCard
subTitle="Early Access Sign-up Form (Non IBMers)"
href="https://wkf.ms/4qaLODl">
href="https://wkf.ms/4qaLODl"
target="_blank">
<MdxIcon name="monday" />
</ResourceCard>
</Column>
</Row>

## Carbon MCP Public Preview
<PageDescription>

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.
Instantly access the Carbon Design System knowledge base via AI assistance.

<Row>
<Column colLg={8}>
<Video controls src={bobDemo}></Video>
</Column>
</Row>
</PageDescription>

<AnchorLinks>
<AnchorLink>Model Context Protocol</AnchorLink>
<AnchorLink>Why Carbon MCP?</AnchorLink>
<AnchorLink>MCP tools</AnchorLink>
<AnchorLink>Resources</AnchorLink>
<AnchorLink>Summary of content coverage</AnchorLink>
</AnchorLinks>

## Model Context Protocol

Expand Down Expand Up @@ -111,6 +100,27 @@ 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

<Row className="resource-card-group">
<Column colMd={4} colLg={4} noGutterSm>
<ResourceCard
subTitle="Carbon MCP Issue & Feature Tracking"
href="https://github.com/carbon-design-system/carbon-mcp"
target="_blank">
<MdxIcon name="github" />
</ResourceCard>
</Column>
<Column colMd={4} colLg={4} noGutterSm>
<ResourceCard
subTitle="Share Feedback"
href="https://wkf.ms/4tA9TGT"
target="_blank">
<MdxIcon name="monday" />
</ResourceCard>
</Column>
</Row>

## Summary of content coverage

Carbon MCP continues to evolve. Current coverage is provided below:
Expand Down
5 changes: 4 additions & 1 deletion src/styles/_images.scss
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,10 @@
// Removes white background from images inside cards/icons
.cds--resource-card .gatsby-resp-image-wrapper,
.cds--resource-card img[src*='gif'],
.cds--resource-card img[src*='svg'] {
.cds--resource-card img[src*='svg'],
[class^='MiniCard-module--card-'] .gatsby-resp-image-wrapper,
[class^='MiniCard-module--card-'] img[src*='gif'],
[class^='MiniCard-module--card-'] img[src*='svg'] {
background: transparent;
}

Expand Down