developer tools

Mcp Design System Extractor

Extracts component information from Storybook design systems. Provides HTML, styles, props, dependencies, theme tokens and component metadata for AI-powered design system analysis.

typescript
local
developer tools
0
View on GitHub

Installation

npx -y freema/mcp-design-system-extractor

Configuration

Add this to your Copilot settings (Settings → Features → MCP → Add New MCP Server):

{
  "name": "mcp-design-system-extractor",
  "command": "npx",
  "args": [
    "-y",
    "freema/mcp-design-system-extractor"
  ]
}

About This MCP Server

freema/mcp-design-system-extractor

Extracts component information from Storybook design systems. Provides HTML, styles, props, dependencies, theme tokens and component metadata for AI-powered design system analysis.

GitHub: https://github.com/freema/mcp-design-system-extractor

Need More Details?

View the complete documentation, examples, changelog, and more on GitHub

View Full Documentation on GitHub