[{"data":1,"prerenderedAt":143},["ShallowReactive",2],{"seo-allowlist":3,"connector-carbondesignsystem":73,"related-carbondesignsystem":118},[4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72],"activecampaign","ahrefs","airtable","amplitude","asana","avalara","aweber","bamboohr","billcom","bitbucket","brevo-sendinblue","buffer","calendly","clickup","close","confluence","constant-contact","copper","datadog","dialpad","docusign","expensify","figma","freshsales","github","gitlab","gmail","google-adsense","google-calendar","google-drive","google-forms","google-maps","google-sheets","google-slides","greenhouse","hubspot","intercom","jira","jotform","linear","mailchimp","microsoft-teams","miro","mixpanel","mondaycom","notion","outlook","pandadoc","personio","pipedrive","quickbooks-online","recurly","salesforce","sendgrid","sentry","slack","square","stripe","tableau","todoist","trello","typeform","wix","workable","wrike","youtube","zendesk","zoho-crm","zoom",{"id":74,"name":75,"icon":76,"description":77,"provider":78,"authType":79,"availableAuthTypes":80,"apiDocsUrl":81,"authDocsUrl":81,"category":82,"pageCopy":83,"datasets":117},"carbondesignsystem","Carbon","\u002Fconnectoricons\u002Fcarbondesignsystem.png","Carbon is IBM's open source design system, and its MCP server lets your AI app explore Carbon docs, components, design tokens, icons, charts and code examples while it builds your UI. ContextGate connects it to Claude, ChatGPT and Cursor, and shows in Activity which parts of Carbon your AI app looked up before it wrote the markup.","vendor_mcp","oauth",[79],"https:\u002F\u002Fwww.carbondesignsystem.com\u002F","Developer Tools & Data",{"title":84,"description":85,"heading":86,"connect":87,"sections":102,"utmCampaign":116},"Carbon API and MCP server for Claude, ChatGPT & Cursor","Carbon API docs over MCP: let Claude or Cursor look up Carbon components, tokens, icons and code examples. Switch off any tool; every call is recorded.","Carbon MCP: IBM's design system inside your editor",{"heading":88,"steps":89},"Using Carbon from Claude, ChatGPT or Cursor",[90,92,94,100],{"text":91},"Click Connect Carbon free and sign in to Carbon.",{"text":93},"Carbon's tools are for exploring docs and examples, and all of them are on when you connect. Keep the component, token and icon lookups your front-end work needs, and switch off the rest.",{"text":95,"link":96,"after":99},"Add ContextGate to your AI app as a connector or MCP server. The steps for each app are on",{"label":97,"href":98},"the Works with page","\u002Fworks-with\u002F",".",{"text":101},"Ask Cursor which Carbon token to use for a button's background, with a code example, then open Activity to see the lookups.",[103,110],{"heading":104,"bullets":105},"Build with Carbon from your AI app",[106,107,108,109],"Look up a Carbon component and its code examples while your AI app writes the markup.","Find the right design token for color, spacing or type instead of hard-coding values.","Search Carbon's icons and charts for one that fits the screen you're building.","Read Carbon's docs on a pattern without leaving Cursor or Claude Code.",{"heading":111,"bullets":112},"Carbon lookups, on record",[113,114,115],"Switch off any Carbon tool you don't need; AI apps no longer see it, and calls to it are refused.","Activity records each Carbon call, so you can see what your AI app checked before it wrote the code.","Workspace policies check these calls like any other connection, blocking secrets that slip into a request.","carbondesignsystem-mcp",[],[119,122,125,128,131,134,137,140],{"id":120,"name":121},"cars-data","cars-data.com",{"id":123,"name":124},"caspio","Caspio",{"id":126,"name":127},"cdata","CData Connect AI",{"id":129,"name":130},"celo","Celo Docs",{"id":132,"name":133},"chain305","Chainsaw package firewall",{"id":135,"name":136},"chainstack","Chainstack",{"id":138,"name":139},"checkleaked","Spotify Data",{"id":141,"name":142},"circleci","CircleCI",1793790216306]