Skip to content

Commit b18c6e4

Browse files
ariellalgilmoreariellalgilmore
authored
fix(carbon-mcp): overview updates (carbon-design-system#4827)
* fix(carbon-mcp): overview updates * fix format * open in new window and add page description * update layout * fix format * revert back to previous design
1 parent 5aa3ffe commit b18c6e4

File tree

3 files changed

+70
-45
lines changed

3 files changed

+70
-45
lines changed

‎src/images/monday.svg‎

Lines changed: 12 additions & 0 deletions
Loading

‎src/pages/developing/carbon-mcp/overview.mdx‎

Lines changed: 54 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -13,72 +13,61 @@ import {
1313
SubtractAlt,
1414
} from '@carbon/icons-react';
1515
import { green, red } from '@carbon/colors';
16+
import MONDAY_LOGO from '../../../images/monday.svg';
1617

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

24-
<PageDescription>
25-
26-
Instantly access the Carbon Design System knowledge base via AI assistance.
20+
Carbon MCP is available as a public preview. The Carbon MCP server provides
21+
knowledge on our core Carbon Design System elements, iconography, pictograms,
22+
guidelines, usage documentation, component libraries across React and Web
23+
Components, as well as the Carbon for IBM Products library.
2724

28-
</PageDescription>
25+
During this public preview, we are eager to hear from the community on what's
26+
working and what we can optimize. Please consider
27+
[sharing feedback on your experience](https://forms.monday.com/forms/d7f4a23fe080f757e805294d746e515c?r=use1)
28+
to help us improve future releases.
2929

30-
<AnchorLinks>
31-
<AnchorLink>Resources</AnchorLink>
32-
<AnchorLink>Carbon MCP Public Preview</AnchorLink>
33-
<AnchorLink>Model Context Protocol</AnchorLink>
34-
<AnchorLink>Why Carbon MCP?</AnchorLink>
35-
<AnchorLink>MCP tools</AnchorLink>
36-
<AnchorLink>Summary of content coverage</AnchorLink>
37-
</AnchorLinks>
30+
<Row>
31+
<Column colLg={8}>
32+
<Video controls src={bobDemo}></Video>
33+
</Column>
34+
</Row>
3835

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

4139
<Row className="resource-card-group">
4240
<Column colMd={4} colLg={4} noGutterSm>
4341
<ResourceCard
44-
subTitle="Generate Token & Session Id"
45-
href="https://mcp.carbondesignsystem.com/mcp/auth/ibmid/web">
42+
subTitle="Onboarding instructions"
43+
href="/developing/carbon-mcp/onboarding-and-setup/"
44+
actionIcon="arrowRight">
4645
<MdxIcon name="carbon" />
4746
</ResourceCard>
4847
</Column>
49-
<Column colMd={4} colLg={4} noGutterSm>
50-
<ResourceCard
51-
subTitle="Carbon MCP Issue & Feature Tracking"
52-
href="https://github.com/carbon-design-system/carbon-mcp">
53-
<MdxIcon name="github" />
54-
</ResourceCard>
55-
</Column>
56-
<Column colMd={4} colLg={4} noGutterSm>
57-
<ResourceCard subTitle="Share Feedback" href="https://wkf.ms/4tA9TGT">
58-
<MdxIcon name="monday" />
59-
</ResourceCard>
60-
</Column>
6148
<Column colMd={4} colLg={4} noGutterSm>
6249
<ResourceCard
6350
subTitle="Early Access Sign-up Form (Non IBMers)"
64-
href="https://wkf.ms/4qaLODl">
51+
href="https://wkf.ms/4qaLODl"
52+
target="_blank">
6553
<MdxIcon name="monday" />
6654
</ResourceCard>
6755
</Column>
6856
</Row>
6957

70-
## Carbon MCP Public Preview
58+
<PageDescription>
7159

72-
Carbon MCP is available as a public preview. The Carbon MCP server provides
73-
knowledge on our core Carbon Design System elements, iconography, pictograms,
74-
guidelines, usage documentation, component libraries across React and Web
75-
Components, as well as the Carbon for IBM Products library.
60+
Instantly access the Carbon Design System knowledge base via AI assistance.
7661

77-
<Row>
78-
<Column colLg={8}>
79-
<Video controls src={bobDemo}></Video>
80-
</Column>
81-
</Row>
62+
</PageDescription>
63+
64+
<AnchorLinks>
65+
<AnchorLink>Model Context Protocol</AnchorLink>
66+
<AnchorLink>Why Carbon MCP?</AnchorLink>
67+
<AnchorLink>MCP tools</AnchorLink>
68+
<AnchorLink>Resources</AnchorLink>
69+
<AnchorLink>Summary of content coverage</AnchorLink>
70+
</AnchorLinks>
8271

8372
## Model Context Protocol
8473

@@ -111,6 +100,27 @@ including component guidance, usage, accessibility, and reference docs.
111100
`code_search` Search Carbon React/Web Components code examples, icons, and
112101
pictograms for complete example application files.
113102

103+
## Resources
104+
105+
<Row className="resource-card-group">
106+
<Column colMd={4} colLg={4} noGutterSm>
107+
<ResourceCard
108+
subTitle="Carbon MCP Issue & Feature Tracking"
109+
href="https://github.com/carbon-design-system/carbon-mcp"
110+
target="_blank">
111+
<MdxIcon name="github" />
112+
</ResourceCard>
113+
</Column>
114+
<Column colMd={4} colLg={4} noGutterSm>
115+
<ResourceCard
116+
subTitle="Share Feedback"
117+
href="https://wkf.ms/4tA9TGT"
118+
target="_blank">
119+
<MdxIcon name="monday" />
120+
</ResourceCard>
121+
</Column>
122+
</Row>
123+
114124
## Summary of content coverage
115125

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

‎src/styles/_images.scss‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,10 @@
88
// Removes white background from images inside cards/icons
99
.cds--resource-card .gatsby-resp-image-wrapper,
1010
.cds--resource-card img[src*='gif'],
11-
.cds--resource-card img[src*='svg'] {
11+
.cds--resource-card img[src*='svg'],
12+
[class^='MiniCard-module--card-'] .gatsby-resp-image-wrapper,
13+
[class^='MiniCard-module--card-'] img[src*='gif'],
14+
[class^='MiniCard-module--card-'] img[src*='svg'] {
1215
background: transparent;
1316
}
1417

0 commit comments

Comments
 (0)