slingshot-brand-mcp
OfficialClick on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@slingshot-brand-mcpcheck my styles.css for off-brand colors"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
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.
Part | What it is |
Kit |
|
Tokens |
|
CLI |
|
MCP |
|
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-brandIn 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-kitIt exposes three tools: brand_guide, brand_tokens and check_colors.
Related MCP server: weave-design-system-mcp
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.
This server cannot be deployed
Maintenance
Related MCP Connectors
Give your agent a real design system: tokens, measured WCAG contrast, and rules to follow.
Serves your design system and coding standards to coding agents, so they stop guessing.
An MCP for marketers that gives agents tools for SEO, AEO, socials and ads data. Generous free tier; works in Claude, ChatGPT, Cursor and other MCP clients.
Your brand's Styles, logos and asset library in your AI app, for on-brand assets that match.
Related MCP Servers
- AlicenseBqualityCmaintenanceEnables LLMs to work with the Optics Design System, providing access to 83 design tokens (HSL-based colors, spacing, typography), 24 components with dependencies, and tools for theme generation, accessibility checking, and code scaffolding.1510 npm1MIT
- AlicenseNot gradedqualityBmaintenanceEnables coding agents to query a workspace's design system before writing UI and validate generated code against the same system afterward, using configurable token and component sources.4 npmMIT
- AlicenseNot gradedqualityCmaintenanceEnables AI agents to query a design system's components, tokens, icons, patterns, and usage or accessibility guidelines through standardized MCP tools, with pluggable adapters for different data sources.MIT
- AlicenseNot gradedqualityCmaintenanceServes an editable folder of plain brand files—identity, colours, fonts, rules, formats and examples—to any AI tool over MCP, so generated designs and copy come out on-brand. It also checks HTML, CSS, SVG and text against those rules, and can read a public site's CSS to extract its real palette, fonts and spacing.MIT