io.github.freema/mcp-design-system-extractor
MCP server for Storybook design systems — extract component HTML, styles and met
Before you connect
Config example (to connect)
{
"mcpServers": {
"design-system": {
"command": "node",
"args": ["/path/to/dist/index.js"],
"env": {
"STORYBOOK_URL": "https://my-storybook.example.com",
"NODE_TLS_REJECT_UNAUTHORIZED": "0"
}
}
}
}Works with these clients
- Claude Desktopnpx
- Claude Codenpx
- Cursornpx
- VS Codenpx
- Windsurfnpx
Derived from the registry manifest (package type and transport) — we have not installed it ourselves. Check the official README before relying on it.
Install / Connect
claude mcp add mcp-design-system-extractor -- npx -y mcp-design-system-extractor@1.2.0Follow the official README; env and args vary per server.
🛠️ Maintenance weight 30% · 64 pts
📊 Adoption weight 25% · 30 pts
✅ Usability weight 20% · 100 pts
❤️ Health & community weight 25% · 59 pts
Sources: GitHub API · npm registry · Official registry · updated 2026-08-14
90-day trend
⭐ stars +0%
📦 weekly downloads -1%
Similar / alternative servers
io.github.QuasarG/taste-bank
Reusable visual design systems for AI coding agents — browse, fetch, and submit
io.github.dlsforge/aegov-mcp
UAE Design System (AEGOV DLS) for AI assistants: components, tokens, validation.
io.github.DROOdotFOO/raxol
Elixir/OTP runtime where every UI component auto-exposes MCP tools; stdio server
io.github.4DA-Systems/4da-mcp-server
Dependency intelligence for AI agents. CVE scanning, health checks, upgrade plan
One email a week, 5 minutes to see what happened in the MCP ecosystem
New servers, breakout trends, abandonment alerts — tracked automatically, curated by hand, sent to your inbox.
One email a week · unsubscribe anytime · no data selling