mcp-design-system-extractor
@freema
About mcp-design-system-extractor
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.
Config
No standard config provided
This server doesn't expose a parseable MCP config block in its README. See the repository for install instructions.
RepositoryTools
No tools detected
We auto-extract tools from the README. The maintainer can list them under a ## Tools heading to populate this section.
Overview
What is mcp-design-system-extractor?
mcp-design-system-extractor is an MCP (Model Context Protocol) server that enables AI assistants to interact with Storybook design systems. It allows extraction of component HTML, analysis of styles, and assists with design system adoption and refactoring.
How to use mcp-design-system-extractor?
—
Key features of mcp-design-system-extractor
- Interact with Storybook design systems
- Extract component HTML
- Analyze styles in components
- Assist with design system adoption
- Support design system refactoring
Use cases of mcp-design-system-extractor
- Extracting component HTML from an existing Storybook for documentation
- Analyzing component styles to identify inconsistencies across a design system
- Guiding AI assistants in refactoring code to match a target design system
- Supporting migrations by surfacing component details from Storybook
FAQ from mcp-design-system-extractor
What design system platforms does it support?
It works with Storybook design systems.
What can it extract from components?
It can extract component HTML.
What can it analyze?
It can analyze styles in components.
What is the protocol used?
It is an MCP (Model Context Protocol) server.
What is the primary purpose of this server?
It helps with design system adoption and refactoring.
Frequently asked questions
What design system platforms does it support?
It works with Storybook design systems.
What can it extract from components?
It can extract component HTML.
What can it analyze?
It can analyze styles in components.
What is the protocol used?
It is an MCP (Model Context Protocol) server.
What is the primary purpose of this server?
It helps with design system adoption and refactoring.
Basic information
More Media & Design MCP servers
Spotify MCP Server
marcelmaraisLightweight MCP server for Spotify
AI Manga & Anime Generator - Mangii MCP
AAAIStudioPublic Mangii MCP metadata (ai.mangii/manga). Remote Streamable HTTP at mcp.mangii.ai.
YouTube MCP Server
anaisbettsA Model-Context Protocol Server for YouTube
Floors.live — Event Floor Plan & Seating Designer
HakolsoundMCP server for Floors.live — design event floor plans, manage guest lists, and run intelligent seating assignments from Claude, ChatGPT, or Cursor. 32 tools.
YouTube MCP Server
ZubeidHendricksMCP Server for YouTube API, enabling video management, Shorts creation, and advanced analytics
Comments