English Français العربية

Slingshot brand kit

Official registry Marketing and sales

Slingshot's brand guides, design tokens and an off-brand colour check, for any MCP client.

Source code Website Documentation

Install

Add this to your client's MCP configuration (Claude Desktop: claude_desktop_config.json; Cursor: .cursor/mcp.json; VS Code and others use the same "mcpServers" shape).

NPM package @slingshot-fyi/brand-kit
Claude Code 
claude mcp add slingshot-brand-kit -- npx -y @slingshot-fyi/brand-kit@0.1.0
JSON configuration (Claude Desktop, Cursor, VS Code) 
{
    "mcpServers": {
        "slingshot-brand-kit": {
            "command": "npx",
            "args": [
                "-y",
                "@slingshot-fyi/brand-kit@0.1.0"
            ]
        }
    }
}

Documentation

From the project's README on GitHub, refreshed weekly. Links open on GitHub.

Contents
  1. Slingshot brand kit
  2. Use it
  3. How it is tested
  4. Fonts
  5. Licence

Slingshot brand kit

Slingshot's own brand, built as an agentic brand system: the same parts the company builds for others, used on itself first. It is the brand behind slingshot.fyi.

PartWhat it is
Kitbrand/: a router (readme.md) and five guides (voice, layout, typography, colour, mark). Every rule carries its reason, so a person or an agent can apply it to a case nobody wrote down.
Tokensbrand/tokens.json holds every value once; dist/tokens.css is generated from it.
CLIslingshot-brand prints the guides and tokens, and checks files for colours that are not brand tokens.
MCPslingshot-brand-mcp gives any MCP client (Claude Code, Claude Desktop, Cursor) the guides, the tokens and the colour check while it works.

Use it

npx -p @slingshot-fyi/brand-kit slingshot-brand guide            # which guide to read for the task
npx -p @slingshot-fyi/brand-kit slingshot-brand guide voice      # one guide
npx -p @slingshot-fyi/brand-kit slingshot-brand tokens           # tokens as CSS custom properties
npx -p @slingshot-fyi/brand-kit slingshot-brand check src/*.css  # exits 1 if any colour is off-brand

In a clone of this repository, run npm install once and the same commands work as npx slingshot-brand ….

Add the MCP server to Claude Code:

claude mcp add slingshot-brand -- npx -y @slingshot-fyi/brand-kit

It exposes three tools: brand_guide, brand_tokens and check_colors.

How it is tested

npm test checks that every rule has a reason, that the generated CSS covers every token, that the colour check names brand colours and flags the rest, and starts the MCP server to call each tool over stdio.

The kit itself is tested the way Slingshot tests every kit: hand it to a fresh agent with no other context, ask it to make something new, and treat every guess it makes as a missing rule.

Fonts

The statement face, Exposure, is licensed separately and is not in this repository. Geist and Geist Mono are under the SIL Open Font License.

Licence

The code is MIT (see LICENSE). The Slingshot name, mark and copy belong to Slingshot.

Frequently asked questions

What is Slingshot brand kit?

Slingshot's brand guides, design tokens and an off-brand colour check, for any MCP client.

How do I install Slingshot brand kit?

It runs on your machine. In Claude Code: claude mcp add slingshot-brand-kit -- npx -y @slingshot-fyi/brand-kit@0.1.0. For other clients, paste the JSON configuration from this page into their MCP settings.

Does Slingshot brand kit need an API key?

Its registry entry lists no required key or secret. Some features may still need an account with the service it connects to.

Is Slingshot brand kit open source?

Yes. Its code is on GitHub under the MIT license.

Who maintains Slingshot brand kit?

It is published by slingshot-fyi. AI.tn lists it but does not maintain or endorse it.

From the official MCP Registry. Listing is not an endorsement: review a server's code and permissions before giving it access to your data.