Basalt

io.github.basalt-run由 GitHub 账号 basalt-run 发布v1.0.0更新于 Oct 27, 2026

Design tokens, components, icons, and a11y data via MCP. For Cursor, Claude, and Windsurf.

已验证SSE可网页运行开发者工具媒体与设计

概览

AI 生成的概览

Basalt 通过远程 MCP 端点,把存放在 Git 中的设计系统(设计令牌、组件、图标与无障碍数据)提供给 AI 编程工具使用。

可以做什么
  • 查询以 DTCG 格式存储的设计令牌,涵盖基础层、语义层与组件层
  • 解析令牌之间的引用链,让助手使用真实数值而非猜测
  • 查找设计系统中的组件、图标与无障碍数据
  • 在 Cursor、Claude Code、Windsurf 等工具中编写界面代码时直接使用这些结果
适用场景
当助手需要针对特定设计系统编写或修改前端代码,并且需要项目真实的令牌名称与数值、组件定义或无障碍数据而不是凭空编造时,适合使用。
运行要求
需要一个位于 basalt.run 的远程 MCP 端点(通过 SSE 连接),并在 Authorization 请求头中携带 Basalt API 密钥(可在服务设置中获取免费密钥)。无需本地安装包或运行时。
安装前请注意
连接需要在 Authorization 请求头中发送 Basalt API 密钥,应将其视为机密,避免分享包含该密钥的配置。设计系统内容由 Basalt 托管服务提供,因此令牌与组件数据会发送给该第三方。

安装

在 SourceWeft 中

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

Web executable,通过 SSE。 远程服务在工作区中配置后即可从网页运行时运行。

交给智能体安装

把这段提示词粘贴到 Claude Code、Codex、Cursor 等智能体,或 SourceWeft 对话中。智能体会读取该服务器的安装指南,先向你展示发布者、端点和登录方式,经你同意后再把它添加到你的客户端。密钥不会写进任何命令。

阅读 https://sourceweft.com/mcp/io.github.basalt-run%2Fbasalt/install.md,并按其中说明把这个 MCP 服务器接入我的客户端。修改任何配置之前,先告诉我它的发布者、端点和登录方式,等我确认。不要把 API 密钥写进命令或我会提交的文件;问我密钥应从哪里获取。

查看智能体所依据的安装指南

其他 MCP 客户端

把它添加到你客户端的 mcpServers 配置中。

{
  "mcpServers": {
    "basalt": {
      "type": "sse",
      "url": "https://basalt.run/api/mcp"
    }
  }
}

README

Basalt Design System

Design tokens in Git. Readable by AI. Beautiful to edit.

This repo is managed by Basalt — a design system platform that stores tokens, components, and documentation in Git and serves them to AI coding tools via MCP.

What's in this repo

tokens/├── primitives.json        # Raw values (colors, spacing, radii)├── semantic.light.json    # Light theme semantic tokens└── semantic.dark.json     # Dark theme semantic tokens

All tokens use the DTCG 2025.10 format (W3C standard).

Using these tokens with AI tools

Basalt serves this design system to Cursor, Claude Code, Claude Design, and Windsurf via an MCP server. AI tools query your real token values instead of guessing.

See MCP.md for setup instructions and available tools.

Quick config (Cursor / Claude Code / Windsurf):

json
{  "mcpServers": {    "basalt": {      "url": "https://basalt.run/api/mcp",      "headers": {        "Authorization": "Bearer bsk_your_key_here"      }    }  }}

Get a free API key at basalt.run.

Token architecture

Three tiers, each referencing the layer above:

Primitive → raw values (color.orange.500 = #F97316) Semantic → intent + theming (color.action.default → color.orange.500) Component → scoped to UI elements (button.background.default → color.action.default)

AI tools resolve the full chain automatically via MCP.

Links

License

MIT — see LICENSE.

来源:README.md,提交 353da52

工具

0
SourceWeft 尚未读取此服务器的工具。

版本历史

1
  1. v1.0.0最新Sep 16, 2026

评分

已满足适用检查项的 85%

该评分衡量此收录条目的完整程度,依据注册中心条目、端点与公开来源计算得出。它不是对服务器本身的评价,也不表示服务器安全或当前可用:可连通性是带日期的检查结果,评分也不包含安装量或用户评价。

  • 近 30 天内可连通必需25 分
  • 已声明认证方式必需10 分
  • 已列出工具必需15 分

    请让服务器在无凭据时响应 tools/list,或发布可在沙箱中无凭据启动的软件包。

  • 描述必需15 分
  • 图标10 分
  • 文档15 分
  • 许可证10 分