# Slingshot brand kit

This MCP server gives an agent Slingshot’s brand rules, design tokens, and an off-brand color check for UI work.

- MCP server · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI
- Author: slingshot-fyi
- License: MIT · policy=link-only · description only; the file stays with the author
- Source: https://github.com/slingshot-fyi/brand-kit
- Updated: 2026-10-07
- HTML: https://affpapa.org/en/nevibecode/mcp/slingshot-brand-kit

## What it 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.

## Requirements
- Needs: Node.js (commands run via npx)

## Install

### Claude Code (native platform)

**Platform CLI**
```bash
claude mcp add brand-kit -- npx -y @slingshot-fyi/brand-kit
```

### Codex

**Platform CLI**
```bash
codex mcp add slingshot-brand-kit -- npx -y @slingshot-fyi/brand-kit
```

### Cursor

**Config file**
File `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "slingshot-brand-kit": {
            "command": "npx",
            "args": [
                "-y",
                "@slingshot-fyi/brand-kit"
            ]
        }
    }
}
```

### GitHub Copilot

**Config file**
File `.vscode/mcp.json`:
```json
{
    "servers": {
        "slingshot-brand-kit": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "-y",
                "@slingshot-fyi/brand-kit"
            ]
        }
    }
}
```

### Gemini CLI

**Platform CLI**
```bash
gemini mcp add slingshot-brand-kit npx -y @slingshot-fyi/brand-kit
```

## When to use it
- 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
- Check `src/*.css` for colors outside the brand tokens.
- Read the typography guide and explain which rule applies here.
- Show the brand tokens as CSS custom properties.

## Similar
- [Next AI Draw.io](https://affpapa.org/en/nevibecode/mcp/next-ai-drawio.md) — MCP server · ★ 36427
- [tldraw](https://affpapa.org/en/nevibecode/mcp/tldraw.md) — MCP server · ★ 51104
- [Figma-Context-MCP](https://affpapa.org/en/nevibecode/mcp/figma-context-mcp.md) — MCP server · ★ 16073
- [Agent-Native Assets](https://affpapa.org/en/nevibecode/mcp/agent-native-assets.md) — MCP server · ★ 7527
- [Remove AI Watermarks](https://affpapa.org/en/nevibecode/mcp/remove-ai-watermarks.md) — MCP server · ★ 6144
- [Dembrandt](https://affpapa.org/en/nevibecode/mcp/dembrandt.md) — MCP server · ★ 3851

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md