Design tokens, components, icons, and a11y data via MCP. For Cursor, Claude, and Windsurf.
Config is the same across clients — only the file and path differ.
{
"mcpServers": {
"basalt": {
"url": "https://basalt.run/api/mcp",
"headers": {
"Authorization": "Bearer bsk_your_key_here"
}
}
}
}Are you the author?
Add this badge to your README to show your security score and help users find safe servers.
Design tokens in Git. Readable by AI. Beautiful to edit.
No automated test available for this server. Check the GitHub README for setup instructions.
Five weighted categories — click any category to see the underlying evidence.
No known CVEs.
No package registry to scan.
Click any tool to inspect its schema.
Be the first to review
Have you used this server?
Share your experience — it helps other developers decide.
Sign in to write a review.
Others in design
MCP server for accessing Figma plugin console logs and screenshots via Cloudflare Workers or local mode
Swirl Design System AI package with artifacts for AI agents
GoPeak — The most comprehensive MCP server for Godot Engine. 95+ tools, LSP, DAP, screenshots.
AI image generation and editing with prompt optimization and quality presets. Powered by Nano Banana
MCP Security Weekly
Get CVE alerts and security updates for io.github.basalt-run/basalt and similar servers.
Start a conversation
Ask a question, share a tip, or report an issue.
Sign in to join the discussion.
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.
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).
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):
{
"mcpServers": {
"basalt": {
"url": "https://basalt.run/api/mcp",
"headers": {
"Authorization": "Bearer bsk_your_key_here"
}
}
}
}
Get a free API key at basalt.run.
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.
basaltMIT — see LICENSE.