mcp-design-system-extractor
MCP(Model Context Protocol)服务器,使 AI 助手能够与 Storybook 设计系统交互。提取组件 HTML、分析样式,并帮助进行设计系统的采用和重构。
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.
怎么安装
npx -y mcp-design-system-extractor 简介
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…
推荐参考
信息
- 协议
- MIT
- 语言
- TypeScript
- GitHub 星标
- 69
- 月下载
- 452
- 最近更新
- 2026-09-19
- 创建于
- 2025-06-04
基础安全检查
- 检查结果
- 无
- 收录来源
- curated:punkpeye/awesome-mcp-servers
- 主题标签
- design-system, mcp, mcp-server