Set it up
- 1
Turn on Brandkit in your AI
In Claude: open Settings → Connectors and add Brandkit. In ChatGPT: Settings → Apps & Connectors.
- 2
Run it on your computer
Start the connector on your machine the first time, then point your AI tool at it.
- 3
Just ask
Tell it what you want in plain words — no special commands.
About
Expose a company's complete design system (colors, typography, logos, components, guidelines, CSS tokens) to AI tools via MCP. Auto-parses CSS / Markdown / PDF / SVG / fonts; supports marketing vs product contexts with shared overrides; ships 12 tools, 16+ resources under brandkit://, and 4 prompts; stdio + SSE + Streamable HTTP transports. Install via NPM: npx -y brandkit-mcp serve.
Workflows That Use Brandkit MCP
Recommended recipe
Wire up your dev stack: code, CI, containers, errorsGitHub, Git, Docker, Kubernetes and Sentry in one chat — review, ship, and debug without tab-switching.
FAQ
What does Brandkit MCP do? +
Expose a company's complete design system (colors, typography, logos, components, guidelines, CSS tokens) to AI tools via MCP. Auto-parses CSS / Markdown / PDF / SVG / fonts; supports marketing vs product contexts with shared overrides; ships 12 tools, 16+ resources under brandkit://, and 4 prompts; stdio + SSE + Streamable HTTP transports. Install via NPM: npx -y brandkit-mcp serve.
Do I need to know how to code? +
No. Turn it on in your AI's settings and ask in plain English — no terminal, no coding.
