io.github.freema/mcp-design-system-extractor
MCP server for Storybook design systems — extract component HTML, styles and metadata.
Target client
run in your project directory
claude mcp add mcp-design-system-extractor -e STORYBOOK_URL=<STORYBOOK_URL> -e NODE_TLS_REJECT_UNAUTHORIZED=<NODE_TLS_REJECT_UNAUTHORIZED> -e DEBUG=<DEBUG> -- npx -y mcp-design-system-extractorsetup guides: Claude Code Claude Desktop Cursor VS Code Zed Windsurf Cline Gemini CLI Grok LangChain
Adds it for this project only. Append --scope user to make it available everywhere. Claude Code docs
This listing does not declare its tools. Connect the server and your client will discover them on the handshake.