MCP Directory

freema/mcp-design-system-extractor

GitHub
Developer Tools

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

Overview

Direct install

Run the underlying MCP server directly — without Agent-CoreX routing.

npx -y mcp-design-system-extractor

Use with Agent-CoreX

Agent-CoreX intelligently routes which tools from freema/mcp-design-system-extractor your AI agent actually needs per request — reducing token usage and cost.

agent-corex.json

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

Route freema/mcp-design-system-extractor intelligently

Connect in 2 minutes. Only pay for the tools your agent actually uses.

Get started free Browse all servers

More Developer Tools servers

Git

Git repository operations and history inspection

Sequential Thinking

Support for step-by-step reasoning with explicit thought processes

GitHub

Access GitHub repositories, issues, and pull requests

Installation Guide

Use with Agent-CoreX

Recommended: intelligent tool routing, lower costs

uvx agent-corex mcp add mcp-design-system-extractor

Agent-CoreX selects only the tools your agent needs, cutting token usage by up to 60%.

Direct Install

Use freema/mcp-design-system-extractor directly without routing

npx -y mcp-design-system-extractor

New to Agent-CoreX? View setup guide →

freema/mcp-design-system-extractor MCP Server — Agent-CoreX