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.
Basic information
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.
More Media & Design MCP servers
RustChain MCP
ScottcjnMCP server for RustChain blockchain and BoTTube video platform — AI agent tools for earning RTC tokens. Built on createkr's RustChain SDK.
Design Systems Mcp
southleftI'm your specialized design systems assistant. Ask me about components, tokens, patterns, and best practices.
Figma MCP Server
JayArrowzFigma MCP Server with full API functionality
MiniMax MCP JS
MiniMax-AIOfficial MiniMax Model Context Protocol (MCP) JavaScript implementation that provides seamless integration with MiniMax's powerful AI capabilities including image generation, video generation, text-to-speech, and voice cloning APIs.
Photoshop MCP Server
loonghaoA Model Context Protocol (MCP) server that interfaces with Adobe Photoshop's Python API. Enables LLMs to execute image editing operations, automate workflows, and manage Photoshop tasks through structured commands and context-aware interactions.
Comments