mcp-server-chart vs design-extract
Side-by-side comparison to help you pick between these two MCP servers.
mcp-server-chart by antvis | design-extract by Manavarya09 | |
|---|---|---|
| Stars | ★ 4,068 | ★ 2,640 |
| 30d uses | 10,239 | — |
| Score | 84 | 57 |
| Official | — | — |
| Categories | AI / LLM ToolsDeveloper ToolsProductivity | Developer ToolsWeb ScrapingAI / LLM Tools |
| Language | TypeScript | JavaScript |
| Last commit | this month | this month |
mcp-server-chart · Summary
A TypeScript MCP server for generating 26+ visualization charts using AntV, supporting multiple chart types and deployment options.
design-extract · Summary
A comprehensive MCP server that extracts design systems from websites, generating tokens, components, and multi-platform outputs.
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
design-extract · Use cases
- Extract and analyze design systems from existing websites for implementation in new projects
- Audit websites for design consistency, accessibility, and best practices
- Generate cross-platform design tokens and component implementations (iOS, Android, web)
- Compare design systems between multiple websites for brand consistency
mcp-server-chart · Install
Installation
Install globally:
npm install -g @antv/mcp-server-chartFor 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"]
}
}
}design-extract · Install
# Install globally
npm i -g designlang
# Or as an agent skill
npx skills add Manavarya09/design-extract
# Run MCP server directly
designlang mcpFor Claude Desktop integration, add to Claude Desktop config:
{
"mcpServers": {
"design-extract": {
"command": "npx",
"args": ["designlang", "mcp"]
}
}
}