📡 MCP Radar

christophhdesign/open-design-system-mcp-starter

System-agnostic MCP server template for design systems. Agents look up real components, props, and tokens instead of guessing.

⭐ 5 stars
⑂ 0 forks
TypeScript
momentum ▲ 10.0
created 2026-09-08
on radar since 2026-09-09
star trend 3 → 5 since 2026-09-09
View on GitHub ↗

About open-design-system-mcp-starter

A system-agnostic MCP server template for a design system. Point it at your own catalog, tokens and docs, and coding agents get a real API to ask instead of a memory to guess from: what components exist, what props they take, which token to write, whether a name they are about to use is actually real. A lookup miss never returns a fabricated answer; it returns "not in this system, nearest is X, because Y".

1. Clone the repo. 2. Install dependencies:

3. The repo ships a fictional example system, acme-elements, under examples/acme-elements, so the server runs immediately with no configuration:

4. Try it. Register the example server in Claude Code:

Then ask the agent "does this system have a Card component?" and expect a correction pointing at the nearest real element instead of an agent that invents one.

5. Point it at your own system next. When it is a checkout, run init --id --root ; when it is only ever installed via npm, run init --id --package instead (see "Point it at your system" and "Systems consumed from npm" below).

The recommended way to add a system is the init wizard. It scans a checkout, detects a catalog adapter, a tokens adapter and doc globs, and writes (or merges into) ds.config.json for you:

Answer its prompts, or skip them entirely with --id and --root:

Both forms accept --config to target a config file other than ./ds.config.json. When only one of --id / --root is given, init still asks interactively, using the one you passed as that prompt's default.

From the project README.

Maintaining this server?

Add the radar badge to your README — it shows your project was picked up by MCP Radar and links to this page:

[![On MCP Radar](https://mcp.liqiwa.com/badge.svg)](https://mcp.liqiwa.com/s/christophhdesign--open-design-system-mcp-starter.html)

Related MCP servers

XiaoDuoYa/codex-with-chatgpt

ChatGPT thinks. Codex works. Use ChatGPT as the planning brain while keeping the Codex harness.

⭐ 2301TypeScript
shinthink/blitzstrike

⚡ Blitz Strike — a universal MCP penetration-testing toolbelt. Structured methodology: reconnaissance & attack-surface mapping, source-to-sink analysis, and live validation. 57 escalation chains, 130-

⭐ 634TypeScript
0xwilliamortiz/openclaude-improved

runs anywhere. uses anything

⭐ 563TypeScript
halofyai/halofy

Halofy is the open access and governance layer for AI agents across your organization. Identity, policy, provenance, audit, and signed erasure.

⭐ 440TypeScript
CaptureGrubEnchant/SolidWorks

SolidWorks MCP Server connects an AI assistant to a running SolidWorks instance. Sketch, extrude, fillet, export STEP/STL, generate macros.

⭐ 385TypeScript
arielshad/3d-asset-server

3d assets api and mcp

⭐ 276TypeScript

📬 Get the weekly radar in your inbox

The top new MCP servers of the week, every Monday. No spam, unsubscribe anytime.