mcp-server-chart vs shadcn-ui-mcp-server

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

	mcp-server-chart by antvis	shadcn-ui-mcp-server by Jpisnice
Stars	★ 4,068	★ 2,768
30d uses	10,239	—
Score	84	58
Official	—	—
Categories	AI / LLM ToolsDeveloper ToolsProductivity	Developer ToolsAI / LLM ToolsProductivity
Language	TypeScript	TypeScript
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.

shadcn-ui-mcp-server · Summary

MCP server providing AI assistants with comprehensive access to shadcn/ui components for React, Svelte, Vue, and React Native.

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

shadcn-ui-mcp-server · Use cases

AI-powered UI development with shadcn/ui components across multiple frameworks
Multi-client production deployments with SSE transport and Docker
Component discovery and comparison across React, Svelte, Vue, and React Native implementations

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"]
    }
  }
}

shadcn-ui-mcp-server · Install

Installation

CLI Usage

# Basic usage
npx @jpisnice/shadcn-ui-mcp-server

# With GitHub token (recommended)
npx @jpisnice/shadcn-ui-mcp-server --github-api-key ghp_your_token_here

# Framework-specific
npx @jpisnice/shadcn-ui-mcp-server --framework svelte
npx @jpisnice/shadcn-ui-mcp-server --framework vue
npx @jpisnice/shadcn-ui-mcp-server --framework react-native

Claude Desktop

Download and double-click the .mcpb file from [Releases](https://github.com/Jpisnice/shadcn-ui-mcp-server/releases) for instant installation.

Manual Claude Desktop Configuration

{
  "mcpServers": {
    "shadcn-ui": {
      "command": "npx",
      "args": ["@jpisnice/shadcn-ui-mcp-server", "--github-api-key", "YOUR_TOKEN"]
    }
  }
}

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