Basalt

MCP server · by basalt-run

Developer Tools SSE v1.0.0

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

View source ↗ Website ↗ Generate config for multiple servers More servers

Install

Pin version unavailable — hosted endpoints aren’t versioned

SSE
https://basalt.run/api/mcp

Setup by client

Pick your client — the config below is generated for this server (hosted endpoint). Copy respects the “Pin version” switch above.

Remote (hosted) endpoint

https://basalt.run/api/mcp

Claude Desktop: Settings → Connectors → Add custom connector, paste this URL, and provide: Authorization.

Format verified against the official Claude Desktop docs ↗.

terminal

claude mcp add --transport sse basalt https://basalt.run/api/mcp --header "Authorization: Bearer <YOUR_AUTHORIZATION>"

Format verified against the official Claude Code docs ↗.

.cursor/mcp.json (hosted endpoint)

{
  "mcpServers": {
    "basalt": {
      "url": "https://basalt.run/api/mcp",
      "headers": {
        "Authorization": "<YOUR_AUTHORIZATION>"
      }
    }
  }
}

Format verified against the official Cursor docs ↗.

.vscode/mcp.json (hosted endpoint)

{
  "servers": {
    "basalt": {
      "type": "http",
      "url": "https://basalt.run/api/mcp",
      "headers": {
        "Authorization": "<YOUR_AUTHORIZATION>"
      }
    }
  }
}

Format verified against the official VS Code docs ↗.

mcp_config.json (hosted endpoint)

{
  "mcpServers": {
    "basalt": {
      "serverUrl": "https://basalt.run/api/mcp",
      "headers": {
        "Authorization": "<YOUR_AUTHORIZATION>"
      }
    }
  }
}

Format verified against the official Windsurf docs ↗.

Environment variables

Defined in the server's official registry manifest. Required secrets are shown as <YOUR_…> placeholders in the configs above.

Authorization secret header — Basalt API key from https://basalt.run Settings

GitHub

⭐ 1 stars · 最近更新于 194 天前 · MIT license

About this server

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 All tokens use the DTCG 2025.10 format (W3C…

Summary from the project README — github.com/basalt-run/design-system

Distributed as SSE, listed under Developer Tools. Review our MCP security guide before granting access to real data.

Frequently asked questions

What does the Basalt MCP server do?

How do I install Basalt?

Run the install command shown above, then paste the config for your client (Claude Desktop, Claude Code, Cursor, VS Code or Windsurf) into its MCP settings and restart the client.

Is Basalt free to use?

The MCP server itself is free to install. The source is public on https://github.com/basalt-run/design-system. Any third-party service it calls may require its own API key and account.

Which clients support Basalt?

Any MCP-compatible client can use it, including Claude Desktop, Claude Code, Cursor, VS Code, Windsurf and custom agents.

Add this badge

Publish this server? Link back with a badge on your README or site — copy either snippet.

Markdown

[![Listed on MCPNav](https://mcpnav.net/badge/basalt.svg)](https://mcpnav.net/server/basalt/)

HTML

<a href="https://mcpnav.net/server/basalt/"><img src="https://mcpnav.net/badge/basalt.svg" alt="Listed on MCPNav" height="20"></a>