freema/mcp-design-system-extractor
🔌 MCP 服务器freema
一款可从 Storybook 设计系统中提取组件元数据、样式和属性，供 AI 进行深度分析的 MCP 服务器。
mcp-design-system-extractor 是一款功能强大的工具，专为希望将设计系统集成到 AI 驱动开发工作流中的团队打造。通过利用模型上下文协议，该服务器充当了实时 Storybook 实例与 AI 智能体之间的桥梁。它解析设计系统文档和组件元数据，将其转换为 LLM 可理解的机器可读格式。核心功能包括提取组件特定的属性、CSS/样式定义以及主题令牌，这些对于生成一致且符合品牌规范的 UI 代码至关重要。该工具消除了为 AI 消费而手动记录组件 API 的繁琐工作，确保 AI 始终能够访问最新的设计系统规范。它在自动化 UI 组件创建、确保生成的代码遵循既定设计模式以及通过 AI 辅助代码生成促进设计与工程团队协作方面表现尤为出色。