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

Its own README gives this command: claude mcp add design-system npx mcp-design-system-extractor@latest. Run it where your MCP client can launch the server, and check the README for any settings it asks for.

Is mcp-design-system-extractor official and is it maintained?

We found nothing naming it as a vendor’s official server. Its repository has 71 GitHub stars and its state in our directory is listed. Its last commit we recorded was on 2026-09-19.

What licence does mcp-design-system-extractor use?

The repository declares the MIT licence.

InfratoApp / Resources / MCP servers / mcp-design-system-extractor

mcp-design-system-extractor

mcp-design-system-extractor is an MCP server, listed under mcp tooling. Its repository has 71 GitHub stars and is licensed under MIT; we last read it on 2026-10-22.

Extracts component HTML and analyzes styles from Storybook design systems, facilitating interaction with AI assistants via the Model Context Protocol.

Install

Read from mcp-design-system-extractor’s own README, close to verbatim -- not written by us, and not guessed.

claude mcp add design-system npx mcp-design-system-extractor@latest

View in mcp-design-system-extractor’s own README ↗

What it reaches, and what it needs

Reaches

○ not recognised

Credential

○ none found

Maintenance

Stars

State

listed

Licence

MIT

From the repository

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.

View on GitHub ↗2026-10-22

What mcp-design-system-extractor can do

9 tools documented in its README. An AI client calls these by name.

list_components: Lists all available components from the Storybook instance
get_component_html: Extracts HTML from a specific component story
search_components: Search components by name, title, category, or purpose
get_component_dependencies: Analyzes rendered HTML to find which other components are used internally
get_theme_info: Extracts design system theme (colors, spacing, typography, breakpoints)
get_external_css: Extracts & categorizes tokens: colors, spacing, typography, shadows
job_status: Check status of an async job
job_cancel: Cancel a queued or running job
job_list: List all jobs with their status

Read from the README; names are kept only if the README contains them.