mcp-server-chart vs mcp-design-system-extractor

Side-by-side comparison to help you pick between these two MCP servers.

	mcp-server-chart by antvis	mcp-design-system-extractor by freema
Stars	★ 4,068	★ 64
30d uses	10,239	—
Score	84	46
Official	—	—
Categories	AI / LLM ToolsDeveloper ToolsProductivity	Developer ToolsAI / LLM ToolsWeb Scraping
Language	TypeScript	TypeScript
Last commit	this month	3 mo ago

mcp-server-chart · Summary

A TypeScript MCP server for generating 26+ visualization charts using AntV, supporting multiple chart types and deployment options.

mcp-design-system-extractor · Summary

MCP server that extracts HTML, styles and component metadata from Storybook design systems to help with development.

mcp-server-chart · Use cases

Data analysts creating visual reports from datasets
AI assistants generating custom charts based on user requests
Web applications embedding visualization capabilities via HTTP API

mcp-design-system-extractor · Use cases

Help developers extract HTML and styles from Storybook components to recreate them in other frameworks
Analyze design system components to identify patterns and dependencies for new feature development
Extract design tokens and theme information to ensure consistent styling across applications

mcp-server-chart · Install

Installation

Install globally:

npm install -g @antv/mcp-server-chart

For Desktop Apps (e.g., Claude Desktop, VSCode):

{
  "mcpServers": {
    "mcp-server-chart": {
      "command": "npx",
      "args": ["-y", "@antv/mcp-server-chart"]
    }
  }
}

For Windows:

{
  "mcpServers": {
    "mcp-server-chart": {
      "command": "cmd",
      "args": ["/c", "npx", "-y", "@antv/mcp-server-chart"]
    }
  }
}

mcp-design-system-extractor · Install

Using Claude CLI (Recommended)

claude mcp add design-system npx mcp-design-system-extractor@latest \
  --env STORYBOOK_URL=http://localhost:6006

Using npm

npm install -g mcp-design-system-extractor

Configuration

Add to Claude Desktop config.json:

{
  "mcpServers": {
    "design-system": {
      "command": "node",
      "args": ["/path/to/dist/index.js"],
      "env": {
        "STORYBOOK_URL": "http://localhost:6006"
      }
    }
  }
}

Comparison generated from public README + GitHub signals. Last updated automatically.