BrandKit MCP — Claude Code MCP server: what it does, how to install
BrandKit MCP gives AI clients structured access to a company’s verbal and visual brand rules for building sites, apps, and marketing assets.
claude mcp add brandkit-mcp -- npx -y brandkit-mcpWhat BrandKit MCP does
BrandKit MCP serves brand context through MCP, covering positioning, audience, messaging, voice, colors, typography, components, tokens, fonts, assets, and motion. It includes 18 read-only tools plus 14 brand:// resources for clients that can consume MCP data.
The system uses a brand_atomic_system directory. Agent-facing material lives under agent/, while files in human/ are skipped. The server can search the brand corpus, validate usage, and compare base context with web and product variants. Over stdio, sync_brand_docs can update brandkit.config.yaml, DESIGN.md, and PRODUCT.md.
Node 20 or newer is required, and the configuration must declare version: 2. Running brandkit-mcp init creates the starter layout and protects existing files unless --force is supplied. Check that requirement before wiring the server into a project.
What it helps with
- give an agent the brand’s positioning and voice
- apply brand colors, type, and tokens to generated UI
- search across brand documents from an AI client
- validate an interface against brand rules
- compare base guidance with web and product overrides
Example prompts for the agent
- Use the brand positioning and voice to rewrite the homepage copy.
- Check this interface against the brand colors, typography, and tokens.
- Compare the base context with the
webvariant and list the differences.
How to install BrandKit MCP
Platform CLI
claude mcp add brandkit-mcp -- npx -y brandkit-mcpPlatform CLI
codex mcp add brandkit-mcp -- npx -y brandkit-mcpConfig file
{
"mcpServers": {
"brandkit-mcp": {
"command": "npx",
"args": [
"-y",
"brandkit-mcp"
]
}
}
}Config file
{
"servers": {
"brandkit-mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"brandkit-mcp"
]
}
}
}Platform CLI
gemini mcp add brandkit-mcp npx -y brandkit-mcpStep by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more
Questions about BrandKit MCP
How do I install BrandKit MCP in Claude Code?
Run claude mcp add brandkit-mcp -- npx -y brandkit-mcp.
What does BrandKit MCP do?
It exposes a company’s verbal and visual brand system to AI clients through MCP, including messaging, design tokens, assets, components, and motion rules.
What does BrandKit MCP require?
It requires Node 20 or newer and a brandkit.config.yaml file with version: 2. Brand content is read from the brand_atomic_system structure.
