MCP Servers / development / MCP Design System Extractor

MCP Design System Extractor

JSON →
httpnone★ 65development

Extracts component information, including HTML, styles, and metadata, from Storybook design systems.

github ↗
Install
How to run this server
[ { "cmd": "npx mcp-design-system-extractor@latest", "imports": [] } ]
server path: mcp-design-system-extractor
Tools
What this server exposes
extract_design_tokens
Extracts design tokens (colors, typography, spacing, etc.) from a design system
extract_components
Extracts component definitions and metadata from a design system
extract_patterns
Extracts usage patterns and composition rules from a design system
extract_icons
Extracts icon library information from a design system
extract_animations
Extracts animation and transition definitions from a design system
extract_breakpoints
Extracts responsive breakpoint definitions from a design system
extract_accessibility
Extracts accessibility guidelines and requirements from a design system
extract_documentation
Extracts documentation and usage guidelines from a design system
extract_theme
Extracts theme configuration and variant definitions from a design system
Configuration
Environment & auth
authnone
envSTORYBOOK_URL
Resources
githubhttps://github.com/freema/mcp-design-system-extractor ↗
MCP Design System Extractor — MCP Server · libregistry