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