Home › Development › mcp-design-system-extractor
mcp-design-system-extractor
MCP server for Storybook design systems — extract component HTML, styles and metadata.
Topics: Developer Tools
Connect
Review any command before running it. Package names and URLs come from the server's own registry entry.
Package (npm 1.2.0)
npx -y mcp-design-system-extractor@1.2.0
Or add to your MCP client config:
{
"mcpServers": {
"mcp-design-system-extractor": {
"command": "npx",
"args": [
"-y",
"mcp-design-system-extractor@1.2.0"
],
"env": {
"STORYBOOK_URL": "<YOUR_VALUE>",
"NODE_TLS_REJECT_UNAUTHORIZED": "<YOUR_VALUE>",
"DEBUG": "<YOUR_VALUE>"
}
}
}
}
STORYBOOK_URL— Base URL of the Storybook instance (default: http://localhost:6006)NODE_TLS_REJECT_UNAUTHORIZED— Set to 0 to allow self-signed certificates on the Storybook hostDEBUG— Set to true for verbose logging on stderr
Related servers
Codebase Memory
Codebase knowledge graph for AI agents — 162 languages, sub-ms queries, 99% fewer tokens.
claude-task-master
AI-powered task management system for AI-driven development. Features PRD parsing, task expansion, multi-provider support (Claude, OpenAI,…
Figma-Context-MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
git-mcp
[gitmcp.io](https://gitmcp.io/) is a generic remote MCP server to connect to ANY [GitHub](https://www.github.com) repository or project…
Repowise
Codebase intelligence for AI coding agents — graph, git history, docs, decisions, code health.
mobile-mcp
MCP server for iOS and Android Mobile Development, Automation and Testing
Listed in punkpeye/awesome-mcp-servers (MIT)
Data from the Official MCP Registry