mcpField
S
Slingshot brand kit

Slingshot brand kit

本地服务
slingshot.fyi媒体与设计03 周前更新
代码仓库访问官网

关于 Slingshot brand kit

Slingshot brand kit 为团队和 Agent 提供品牌指南、设计令牌及颜色检查工具，用于遵循 Slingshot 品牌规范。规则附有原因说明，令牌集中维护并可生成 CSS。

主要功能

  1. 01查阅五类品牌指南
  2. 02以 CSS 输出设计令牌
  3. 03检查文件中的非品牌颜色
  4. 04供 Agent 和人员使用指南

适用场景

  1. 01为设计任务查找品牌规则
  2. 02在 CSS 中应用品牌令牌
  3. 03检查 CSS 文件中的非品牌颜色

MCP 相关

`slingshot-brand-mcp` 服务向 MCP 客户端提供品牌指南、令牌和颜色检查工具，包括 `brand_guide`、`brand_tokens` 与 `check_colors`。

配置

本地服务的配置在各客户端中通用，复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置
{
  "mcpServers": {
    "fyi-slingshot-brand-kit": {
      "command": "npx",
      "args": [
        "-y",
        "@slingshot-fyi/brand-kit"
      ]
    }
  }
}
启动命令npx -y @slingshot-fyi/brand-kit

本地服务需要在你的电脑上安装运行环境（如 Node.js 18+）。各客户端的配置文件位置不同，请参考客户端文档。

安装包
npm@slingshot-fyi/brand-kit0.1.0

工具

3

收录的工具列表 · 更新于 2 周前

参数类型必填说明
topicenum否voice | layout | typography | color | mark

详细介绍

Slingshot 品牌套件

Slingshot 自有品牌，以智能体式品牌系统打造：公司为他人构建的同一套组件，先用在自己身上。它是 slingshot.fyi 背后的品牌。

部分内容
套件brand/：一个路由文件（readme.md）和五份指南（语气、布局、字体、色彩、标志）。每条规则都说明原因，因此人或 Agent 都能将其应用于未曾记录过的场景。
令牌brand/tokens.json 集中保存所有值；dist/tokens.css 根据它生成。
CLIslingshot-brand 会输出指南和令牌，并检查文件中是否含有非品牌令牌定义的颜色。
MCPslingshot-brand-mcp 可在工作过程中向任何 MCP 客户端（Claude Code、Claude Desktop、Cursor）提供指南、令牌和颜色检查功能。

使用方法

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

在此仓库的克隆副本中运行一次 npm install，之后就可以通过 npx slingshot-brand … 运行相同的命令。

将 MCP 服务添加到 Claude Code：

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

它提供三个工具：brand_guide、brand_tokens 和 check_colors。

测试方式

npm test 会检查每条规则是否都有原因说明、生成的 CSS 是否涵盖所有令牌、颜色检查是否能指出品牌颜色并标记其他颜色，还会启动 MCP 服务，通过 stdio 调用每个工具。

Slingshot 以测试所有套件的方式测试该套件：将它交给一个没有其他上下文的新 Agent，让它创建新内容，并将它做出的每个猜测都视为缺失的规则。

字体

品牌宣言字体 Exposure 采用单独授权，未包含在此仓库中。Geist 和 Geist Mono 采用 SIL Open Font License 授权。

许可证

代码采用 MIT 许可证（见 LICENSE）。Slingshot 名称、标志和文案归 Slingshot 所有。

评论

支持 Markdown

第一次接触 MCP？

从协议是什么，到在客户端里装上第一个服务，这几条回答覆盖了大多数入门问题。

一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。