Slingshot brand kit — Claude Code MCP server: install guide
This MCP server gives an agent Slingshot’s brand rules, design tokens, and an off-brand color check for UI work.
claude mcp add brand-kit -- npx -y @slingshot-fyi/brand-kitWhat Slingshot brand kit does
Slingshot brand kit exposes three MCP tools: brand_guide, brand_tokens, and check_colors. An MCP client can retrieve guidance for voice, layout, typography, color, and the mark, read values from brand/tokens.json, then scan files for colors outside the approved tokens.
The package also ships the slingshot-brand CLI. It prints guides and token values, while its color check exits with code 1 when a file contains an off-brand color. The server needs npx to run in Claude Code. Exposure uses a separate license and is absent from the repository, while Geist and Geist Mono use the SIL Open Font License.
What it helps with
- check a UI against the brand guides
- retrieve the design tokens as CSS
- flag colors outside the brand palette
- find the guide that fits a design task
Example prompts for the agent
- Check
src/*.cssfor colors outside the brand tokens. - Read the typography guide and explain which rule applies here.
- Show the brand tokens as CSS custom properties.
How to install Slingshot brand kit
Platform CLI
claude mcp add brand-kit -- npx -y @slingshot-fyi/brand-kitPlatform CLI
codex mcp add slingshot-brand-kit -- npx -y @slingshot-fyi/brand-kitConfig file
{
"mcpServers": {
"slingshot-brand-kit": {
"command": "npx",
"args": [
"-y",
"@slingshot-fyi/brand-kit"
]
}
}
}Config file
{
"servers": {
"slingshot-brand-kit": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@slingshot-fyi/brand-kit"
]
}
}
}Platform CLI
gemini mcp add slingshot-brand-kit npx -y @slingshot-fyi/brand-kitStep 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 Slingshot brand kit
How do I install Slingshot brand kit in Claude Code?
Run claude mcp add brand-kit -- npx -y @slingshot-fyi/brand-kit.
What does Slingshot brand kit do?
It gives an MCP client access to brand guidance, token values, and color checking. The available tools are brand_guide, brand_tokens, and check_colors.
Which fonts come with the brand kit?
Exposure has a separate license and is absent from the repository. Geist and Geist Mono are covered by the SIL Open Font License.
