Slingshot brand kit

fyi.slingshotv0.1.0更新于 Oct 7, 2026

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

已验证STDIO仅桌面Developer ToolsMedia & Design

概览

AI 生成的概览

让助手在工作时获取 Slingshot 的品牌指南、设计令牌，并检查不符合品牌的颜色。

功能
提供三个工具：brand_guide 用于路由到合适的指南或返回某一篇指南（语气、版式、字体、颜色、标志）；brand_tokens 以 CSS 自定义属性形式返回设计令牌；check_colors 检查文件中的颜色是否不属于品牌令牌。指南中的每条规则都附带理由，便于代理将其应用到未明确写出的情形。
适用场景
适合在制作或审查必须遵循 Slingshot 品牌的设计与前端工作时使用，也适合让助手在样式表中标出不符合品牌的颜色。它面向使用这一特定品牌体系的人，而非通用设计工具。
运行要求
通过 npm 包 @slingshot-fyi/brand-kit 以 stdio 在本地运行，需要 Node.js 和 npx。未声明任何账号、API 密钥、环境变量或请求头。展示字体 Exposure 需单独授权，不包含在内。
安装前请注意
颜色检查会读取你指定的文件，并在发现不符合品牌的颜色时以非零状态退出；它是只读检查，不会修改文件。不涉及凭据或付款。随附的 Geist 和 Geist Mono 字体采用 SIL 开放字体许可证，而 Exposure 未包含，需单独授权。

安装

在 SourceWeft 中

  1. 打开 控制台中的 Slingshot brand kit，将其添加到工作区。
  2. 为需要使用其工具的对话启用该服务。

Desktop only，通过 STDIO。 STDIO 服务会启动本地进程，因此需要 SourceWeft 桌面宿主。

其他 MCP 客户端

参照 仓库 中的启动说明。

README

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

bash
npx -p @slingshot-fyi/brand-kit slingshot-brand guide            # which guide to read for the tasknpx -p @slingshot-fyi/brand-kit slingshot-brand guide voice      # one guidenpx -p @slingshot-fyi/brand-kit slingshot-brand tokens           # tokens as CSS custom propertiesnpx -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:

bash
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.

来源：README.md，提交 d45ed31

工具

0
工具元数据尚未被收录。

版本历史

1
  1. v0.1.0最新Oct 7, 2026