mcp-server-chart vs domscribe

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

	mcp-server-chart by antvis	domscribe by patchorbit
Stars	★ 4,068	★ 168
30d uses	10,239	—
Score	84	48
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.

domscribe · Summary

Domscribe bridges the gap between running web applications and their source code via MCP, enabling AI agents to view live UI context and make targeted edits.

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

domscribe · Use cases

AI agents inspect live UI state by querying source code locations to understand rendered components
Developers point to UI elements and describe changes in plain English for AI implementation
Cross-framework development with stable DOM-to-source mapping across hot reloads

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

domscribe · Install

Install using the setup wizard:

npx domscribe init

This will walk you through connecting your coding agent and adding to your app. For manual setup:

Add to your bundler/framework (example for React with Vite):

npm install -D @domscribe/react

// vite.config.ts
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import { domscribe } from '@domscribe/react/vite';

export default defineConfig({
  plugins: [react(), domscribe()],
});

Connect your coding agent (example for Claude Desktop):

Add to Claude's config.json:

{
  "mcpServers": {
    "domscribe": {
      "command": "npx",
      "args": ["domscribe", "mcp"]
    }
  }
}

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