Skip to main content
Developer ToolsTypeScript

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.

developer-toolslocal-service
Share:

Quick Start

Clone the repository:

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

Claude Desktop configuration example:

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

Check the repository README for specific installation and configuration instructions.

Details

Category
Developer Tools
Language
TypeScript
Author
freema