trackmcp
Back to directory
freema

mcp-design-system-extractor

View on GitHub

MCP (Model Context Protocol) server that enables AI assistants to interact with Storybook design systems. Extract component HTML, analyze styles, and help with design system adoption and refactoring.

69 stars TypeScriptOthers Updated Jul 27, 2026
design-systemmcpmcp-server

No README could be loaded. View the project on GitHub for full documentation.

Frequently asked questions

What is mcp-design-system-extractor?

mcp-design-system-extractor is MCP (Model Context Protocol) server that enables AI assistants to interact with Storybook design systems. Extract component HTML, analyze styles, and help with design system adoption and refactoring.

How do I install mcp-design-system-extractor?

Open the GitHub repository and follow its README. Most MCP servers are added to your client's MCP config, then called by your agent.

Is mcp-design-system-extractor open source?

Yes — it is hosted on GitHub at https://github.com/freema/mcp-design-system-extractor and has 69 stars.

Related MCP tools

Run your own MCP server? See who uses it and what to fix.

Measure it with TrackMCP