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.
MCP（Model Context Protocol）服务器，使 AI 助手能够与 Storybook 设计系统交互。提取组件 HTML、分析样式，并帮助进行设计系统的采用和重构。
How to install
npx -y mcp-design-system-extractor About
MCP Design System Extractor A Model Context Protocol (MCP) server that extracts component information from Storybook design systems. Connects to Storybook instances and extracts HTML, styles, and component metadata. Installation Using Claude CLI (Recommended) bash claude mcp add design-system npx mcp-design-system-extractor@latest \ --env STORYBOOK_URL=http://localhost:6006 With self-signed certificate: bash claude mcp add design-system npx mcp-design-system-extractor@latest \ --env STORYBOOK_URL=https://my-storybook.example.com \ --env NODE_TLS_REJECT_UNAUTHORIZED=0 Using npm bash npm install…
Recommendation signals
Meta
- License
- MIT
- Language
- TypeScript
- GitHub stars
- 69
- mo. downloads
- 452
- Last push
- 2026-09-19
- Created
- 2025-06-04
Basic safety check
- Findings
- None
- Sources
- curated:punkpeye/awesome-mcp-servers
- Topics
- design-system, mcp, mcp-server
Related plugins
mobile-mcp
mobile-next/mobile-mcp
Model Context Protocol Server for Mobile Automation and Scraping (iOS, Android, Emulators, Simulators and Real Devices)
davinci-resolve-mcp
samuelgursky/davinci-resolve-mcp
MCP server integration for DaVinci Resolve Studio
ssh-mcp
tufantunc/ssh-mcp
MCP server exposing SSH control for Linux servers via Model Context Protocol.