MCP Design System Extractor
Rank #5,361io.github.freema/mcp-design-system-extractor
MCP server for Storybook design systems — extract component HTML, styles and metadata.
MCP Design System Extractor is a Model Context Protocol (MCP) server published by freema. It ranks #5,361 of 115,460 servers tracked on MCP Toplist, and its repository has 69 GitHub stars. MCP Design System Extractor is listed across 3 registries — Official MCP, Glama and mcp.so, with 1 tracked version. It was first listed on Jun 4, 2025 and most recently updated on Jul 27, 2026.
Ranks ahead of 110,099 of 115,460 servers on MCP Toplist.
Use MCP Design System Extractor
No credentials or required configuration declared — add it to your MCP client and go.
claude mcp add mcp-design-system-extractor -e "STORYBOOK_URL=<your STORYBOOK_URL>" -e "NODE_TLS_REJECT_UNAUTHORIZED=<your NODE_TLS_REJECT_UNAUTHORIZED>" -e "DEBUG=<your DEBUG>" -- npx -y mcp-design-system-extractorReplace each placeholder with your own value before saving.
[mcp_servers.mcp-design-system-extractor]
command = "npx"
args = ["-y", "mcp-design-system-extractor"]
[mcp_servers.mcp-design-system-extractor.env]
STORYBOOK_URL = "<your STORYBOOK_URL>"
NODE_TLS_REJECT_UNAUTHORIZED = "<your NODE_TLS_REJECT_UNAUTHORIZED>"
DEBUG = "<your DEBUG>"Add to ~/.codex/config.toml. Replace each placeholder with your own value before saving.
{
"mcpServers": {
"mcp-design-system-extractor": {
"command": "npx",
"args": [
"-y",
"mcp-design-system-extractor"
],
"env": {
"STORYBOOK_URL": "<your STORYBOOK_URL>",
"NODE_TLS_REJECT_UNAUTHORIZED": "<your NODE_TLS_REJECT_UNAUTHORIZED>",
"DEBUG": "<your DEBUG>"
}
}
}
}Add to claude_desktop_config.json (Settings → Developer → Edit Config). Replace each placeholder with your own value before saving.
{
"mcpServers": {
"mcp-design-system-extractor": {
"command": "npx",
"args": [
"-y",
"mcp-design-system-extractor"
],
"env": {
"STORYBOOK_URL": "<your STORYBOOK_URL>",
"NODE_TLS_REJECT_UNAUTHORIZED": "<your NODE_TLS_REJECT_UNAUTHORIZED>",
"DEBUG": "<your DEBUG>"
}
}
}
}Add to ~/.cursor/mcp.json (global) or .cursor/mcp.json (per project). Replace each placeholder with your own value before saving.
{
"servers": {
"mcp-design-system-extractor": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"mcp-design-system-extractor"
],
"env": {
"STORYBOOK_URL": "<your STORYBOOK_URL>",
"NODE_TLS_REJECT_UNAUTHORIZED": "<your NODE_TLS_REJECT_UNAUTHORIZED>",
"DEBUG": "<your DEBUG>"
}
}
}
}Save as .vscode/mcp.json in your workspace. Replace each placeholder with your own value before saving.
{
"mcpServers": {
"mcp-design-system-extractor": {
"command": "npx",
"args": [
"-y",
"mcp-design-system-extractor"
],
"env": {
"STORYBOOK_URL": "<your STORYBOOK_URL>",
"NODE_TLS_REJECT_UNAUTHORIZED": "<your NODE_TLS_REJECT_UNAUTHORIZED>",
"DEBUG": "<your DEBUG>"
}
}
}
}Add to ~/.codeium/windsurf/mcp_config.json. Replace each placeholder with your own value before saving.
{
"mcpServers": {
"mcp-design-system-extractor": {
"command": "npx",
"args": [
"-y",
"mcp-design-system-extractor"
],
"env": {
"STORYBOOK_URL": "<your STORYBOOK_URL>",
"NODE_TLS_REJECT_UNAUTHORIZED": "<your NODE_TLS_REJECT_UNAUTHORIZED>",
"DEBUG": "<your DEBUG>"
}
}
}
}Replace each placeholder with your own value before saving.
Show your rank
Maintain this server? Add the live rank badge to your README — it updates automatically as the leaderboard changes.
[](https://mcptoplist.com/server/io.github.freema%2Fmcp-design-system-extractor)<a href="https://mcptoplist.com/server/io.github.freema%2Fmcp-design-system-extractor"><img src="https://mcptoplist.com/badge/io.github.freema%2Fmcp-design-system-extractor.svg" alt="MCP Toplist: Top 5% of 115,460" /></a>Variants: append ?metric=score or ?metric=stars to the image URL.
Listed on 2 registries (1 delisted)
freema
Other servers by freema
- mcp-gsheets#1,420 · 3 vers
- OpenClaw MCP Server#2,187 · 3 vers
- mcp-jira-stdio#4,891 · 2 vers
- pixelforge-mcp#22,789 · 3 vers
Available versions (1)
| Version | Published |
|---|---|
| 1.2.0 | Jul 27, 2026 |
Frequently asked questions
- Who maintains MCP Design System Extractor?
- MCP Design System Extractor is maintained by freema, which publishes 5 MCP servers (12 total versions) tracked on MCP Toplist.
- Is MCP Design System Extractor listed on the Official MCP Registry?
- Yes — MCP Design System Extractor is listed on the Official MCP Registry, alongside Glama and mcp.so.
- How many versions does MCP Design System Extractor have?
- MCP Toplist tracks 1 version of MCP Design System Extractor, most recently published on Jul 27, 2026.
- Where can I find the source code for MCP Design System Extractor?
- The source code for MCP Design System Extractor is hosted at github.com/freema/mcp-design-system-extractor.