{"id":5767,"slug":"freema/mcp-design-system-extractor","name":"MCP Design System Extractor","description":"Extracts component information, including HTML, styles, and metadata, from Storybook design systems.","category":"development","github":"https://github.com/freema/mcp-design-system-extractor","homepage":"","server_url":"","transport":"http","install":[{"cmd":"npx mcp-design-system-extractor@latest","imports":[]}],"tools":[{"name":"extract_design_tokens","description":"Extracts design tokens (colors, typography, spacing, etc.) from a design system"},{"name":"extract_components","description":"Extracts component definitions and metadata from a design system"},{"name":"extract_patterns","description":"Extracts usage patterns and composition rules from a design system"},{"name":"extract_icons","description":"Extracts icon library information from a design system"},{"name":"extract_animations","description":"Extracts animation and transition definitions from a design system"},{"name":"extract_breakpoints","description":"Extracts responsive breakpoint definitions from a design system"},{"name":"extract_accessibility","description":"Extracts accessibility guidelines and requirements from a design system"},{"name":"extract_documentation","description":"Extracts documentation and usage guidelines from a design system"},{"name":"extract_theme","description":"Extracts theme configuration and variant definitions from a design system"}],"env_vars":["STORYBOOK_URL"],"auth_type":"none","official":false,"stars":65,"status":"active","source":"mcpservers.org","created_at":"2026-05-25T12:53:45.019343+00:00","updated_at":"2026-05-28T10:40:34.769117+00:00","tags":[],"path":"mcp-design-system-extractor"}