amCharts 5 MCP Server

amCharts 5 MCP सर्वर

एक MCP (मॉडल कॉन्टेक्स्ट प्रोटोकॉल) सर्वर जो AI सहायकों को संपूर्ण amCharts 5 ज्ञानकोष तक ऑन-डिमांड पहुँच प्रदान करता है: 140+ दस्तावेज़ीकरण पृष्ठ, 280+ कोड उदाहरण, और 1,000+ क्लास API संदर्भ।

Claude Code, Claude Desktop, Cursor, Windsurf, VS Code + GitHub Copilot, और किसी भी अन्य MCP-संगत AI उपकरण के साथ काम करता है।

क्यों?

AI के कॉन्टेक्स्ट विंडो में संपूर्ण amCharts संदर्भ लोड करने के बजाय, MCP सर्वर AI को वही क्वेरी करने देता है जिसकी उसे आवश्यकता है — एक विशिष्ट चार्ट प्रकार संदर्भ, एक कोड उदाहरण, या एक API लुकअप। इसका अर्थ है कम कॉन्टेक्स्ट बर्बादी के साथ बेहतर उत्तर।

त्वरित शुरुआत

सबसे आसान तरीका है होस्टेड सर्वर — कोई इंस्टॉल नहीं, बस एक URL जोड़ें। इसे स्वयं चलाना पसंद करते हैं? नीचे स्थानीय इंस्टॉल देखें।

होस्टेड (कोई इंस्टॉल नहीं) — अनुशंसित

अपने AI क्लाइंट को यहाँ पॉइंट करें:

https://mcp.amcharts.com/mcp

Claude Code

claude mcp add --transport http amcharts5 https://mcp.amcharts.com/mcp

Claude Desktop / claude.ai — सेटिंग्स → कनेक्टर्स → कस्टम कनेक्टर जोड़ें, फिर https://mcp.amcharts.com/mcp पेस्ट करें।

Cursor — .cursor/mcp.json:

{
  "mcpServers": {
    "amcharts5": {
      "url": "https://mcp.amcharts.com/mcp"
    }
  }
}

VS Code + GitHub Copilot — .vscode/mcp.json:

{
  "servers": {
    "amcharts5": {
      "type": "http",
      "url": "https://mcp.amcharts.com/mcp"
    }
  }
}

Windsurf — ~/.codeium/windsurf/mcp_config.json:

{
  "mcpServers": {
    "amcharts5": {
      "serverUrl": "https://mcp.amcharts.com/mcp"
    }
  }
}

ChatGPT (Plus/Pro/Enterprise कनेक्टर्स/डेवलपर मोड सक्षम के साथ) — सेटिंग्स → कनेक्टर्स → कस्टम कनेक्टर जोड़ें, फिर https://mcp.amcharts.com/mcp पेस्ट करें।

Cline (VS Code एक्सटेंशन) — MCP सर्वर्स पैनल → रिमोट सर्वर्स खोलें, https://mcp.amcharts.com/mcp पेस्ट करें, या इसकी MCP सेटिंग्स JSON में जोड़ें:

{
  "mcpServers": {
    "amcharts5": {
      "type": "streamableHttp",
      "url": "https://mcp.amcharts.com/mcp"
    }
  }
}

क्लाइंट जो केवल स्थानीय (stdio) सर्वर का समर्थन करते हैं (जैसे Zed, Continue, Amazon Q Developer) — mcp-remote के साथ होस्टेड URL से ब्रिज करें। इसे क्लाइंट के कॉन्फ़िग में सर्वर के रन कमांड के रूप में उपयोग करें:

npx mcp-remote https://mcp.amcharts.com/mcp

उदाहरण के लिए, command/args शैली कॉन्फ़िग में:

{
  "mcpServers": {
    "amcharts5": {
      "command": "npx",
      "args": ["-y", "mcp-remote", "https://mcp.amcharts.com/mcp"]
    }
  }
}

कोई भी अन्य MCP क्लाइंट जो रिमोट सर्वर URL स्वीकार करता है, वह भी काम करता है — /mcp एंडपॉइंट (स्ट्रीमेबल HTTP) या /sse (लीगेसी SSE) का उपयोग करें। केवल-URL क्लाइंट के लिए जो अभी भी एक कमांड की अपेक्षा करते हैं, ऊपर दिखाए गए mcp-remote ब्रिज का उपयोग करें।

स्थानीय इंस्टॉल (npx)

इसे स्वयं चलाना पसंद करते हैं? सर्वर npm पर भी प्रकाशित है और stdio पर चलता है।

Claude Code

सभी प्रोजेक्ट्स के लिए (वैश्विक, अनुशंसित):

claude mcp add -s user amcharts5 -- npx -y @amcharts/amcharts5-mcp

केवल वर्तमान प्रोजेक्ट के लिए:

claude mcp add amcharts5 -- npx -y @amcharts/amcharts5-mcp

Claude Desktop

अपने claude_desktop_config.json में जोड़ें:

{
  "mcpServers": {
    "amcharts5": {
      "command": "npx",
      "args": ["-y", "@amcharts/amcharts5-mcp"]
    }
  }
}

Cursor

अपने प्रोजेक्ट रूट में .cursor/mcp.json बनाएँ या संपादित करें (या वैश्विक के लिए ~/.cursor/mcp.json):

{
  "mcpServers": {
    "amcharts5": {
      "command": "npx",
      "args": ["-y", "@amcharts/amcharts5-mcp"]
    }
  }
}

Windsurf

~/.codeium/windsurf/mcp_config.json संपादित करें:

{
  "mcpServers": {
    "amcharts5": {
      "command": "npx",
      "args": ["-y", "@amcharts/amcharts5-mcp"]
    }
  }
}

VS Code + GitHub Copilot

अपने वर्कस्पेस में .vscode/mcp.json बनाएँ या संपादित करें:

{
  "servers": {
    "amcharts5": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@amcharts/amcharts5-mcp"]
    }
  }
}

अन्य MCP-संगत उपकरण

किसी भी अन्य उपकरण के लिए जो MCP का समर्थन करता है (Cline, Continue, Amazon Q, Zed, आदि), इसे चलाने के लिए कॉन्फ़िगर करें:

npx -y @amcharts/amcharts5-mcp

स्थानीय रूप से चलाएँ (विकास के लिए)

git clone https://github.com/amcharts/amcharts5-mcp.git
cd amcharts5-mcp
npm install
npm start

उपलब्ध उपकरण

उपकरण	विवरण
get_core_reference	मुख्य amCharts 5 दस्तावेज़ प्राप्त करें — सेटअप, थीम, रंग, ईवेंट, सामान्य नुकसान
get_chart_reference	एक चार्ट प्रकार के लिए पूर्ण संदर्भ प्राप्त करें (जैसे "pie", "sankey", "xy")
list_chart_types	सभी उपलब्ध चार्ट प्रकारों और उनके कीवर्ड्स की सूची बनाएँ
search_docs	कीवर्ड द्वारा कौशल संदर्भ दस्तावेज़ खोजें
search_all	सब कुछ खोजें — कौशल दस्तावेज़, पूर्ण दस्तावेज़ीकरण, और कोड उदाहरण
get_doc	एक पूर्ण दस्तावेज़ीकरण पृष्ठ प्राप्त करें (जैसे "charts/xy-chart/axes", "concepts/events")
get_section	शीर्षक द्वारा एक संदर्भ फ़ाइल से एक विशिष्ट अनुभाग प्राप्त करें
get_quick_start	किसी भी चार्ट प्रकार के लिए एक न्यूनतम कार्यशील टेम्पलेट प्राप्त करें
list_examples	सभी 283 उदाहरणों को ब्राउज़ करें, वैकल्पिक रूप से श्रेणी द्वारा फ़िल्टर किया गया
get_example	एक विशिष्ट उदाहरण के लिए पूर्ण कोड प्राप्त करें

उदाहरण उपयोग

एक बार कनेक्ट होने पर, आपका AI सहायक यह कर सकता है:

• "मेरे लिए एक पाई चार्ट बनाएँ" → AI get_quick_start("pie") कॉल करता है और टेम्पलेट को अनुकूलित करता है
• "मैं दिनांक अक्ष लेबल कैसे प्रारूपित करूँ?" → AI search_all("date axis label format") कॉल करता है
• "मुझे सैंके आरेख उदाहरण दिखाएँ" → AI get_example("examples/flow/sankey-diagram") कॉल करता है
• "XYChart किन सेटिंग्स का समर्थन करता है?" → AI get_doc("reference/xychart") कॉल करता है
• "मैं React के साथ कैसे एकीकृत करूँ?" → AI get_doc("getting-started/integrations/react") कॉल करता है
• "कौन से चार्ट प्रकार उपलब्ध हैं?" → AI list_chart_types() कॉल करता है

सामग्री

सर्वर में 1,500+ दस्तावेज़ शामिल हैं:

• 140+ दस्तावेज़ीकरण पृष्ठ — आरंभ करना, चार्ट गाइड, अवधारणाएँ (थीम, ईवेंट, एडेप्टर, डेटा बाइंडिंग, एनिमेशन, एक्सेसिबिलिटी, आदि), और फ्रेमवर्क एकीकरण गाइड (React, Angular, Vue, Next.js, Svelte, और अधिक)
• 280+ कोड उदाहरण — 16 श्रेणियों में कार्यशील डेमो जिनमें कॉलम/बार, लाइन/एरिया, पाई/डोनट, मानचित्र, पदानुक्रम, प्रवाह, रडार/ध्रुवीय, स्टॉक, गेज, गैंट, टाइमलाइन, और अधिक शामिल हैं
• 1,000+ क्लास API संदर्भ — amCharts 5 लाइब्रेरी की प्रत्येक क्लास इसकी सेटिंग्स, गुणों, विधियों, ईवेंट्स, और इनहेरिटेंस श्रृंखला के साथ
• क्यूरेटेड कौशल संदर्भ — amCharts 5 AI स्किल से त्वरित-शुरुआत टेम्पलेट और चार्ट-विशिष्ट गाइड

लाइसेंस

MIT