Skip to content
mcp/harbor
Verified official

mcp design system extractor MCP

v1.2.0

io.github.freema/mcp-design-system-extractor

MCP server for Storybook design systems — extract component HTML, styles and metadata.

transport:stdio runtime:npm
View source

Target client

run in your project directory

Held in this page only — never stored, logged, or sent anywhere but back to your screen. 

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-extractor

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.