AI Diagram Maker MCP
आधिकारिकMCP सर्वर AI Diagram Maker के लिए — Cursor, Claude Desktop, Claude Code, या किसी भी MCP-संगत AI एजेंट के अंदर सीधे सुंदर सॉफ्टवेयर इंजीनियरिंग आरेख उत्पन्न करें
AI Diagram Maker MCP के साथ आप क्या कर सकते हैं?
- Generate a diagram from plain English — Describe a system or flow in natural language and get a polished diagram using
generate_diagram_from_text. - Turn JSON data into a visual diagram — Supply a JSON string (API response, schema, config) to
generate_diagram_from_jsonand have it rendered as a diagram. - Convert ASCII art to a clean diagram — Pass raw ASCII art to
generate_diagram_from_asciito produce a professional-looking diagram. - Create a diagram from an image — Provide a whiteboard photo or screenshot URL/base64 to
generate_diagram_from_imageand receive a cleaned-up diagram. - Render a Mermaid definition as a diagram — Feed Mermaid source to
generate_diagram_from_mermaidto convert it into a rendered diagram.
दस्तावेज़
AI Diagram Maker MCP सर्वर
AI Diagram Maker के लिए MCP सर्वर — Cursor, Claude Desktop, Claude Code, या किसी भी MCP-संगत AI एजेंट के अंदर सीधे सुंदर सॉफ़्टवेयर इंजीनियरिंग आरेख बनाएं।
- ai-diagram-maker-mcp 🌐 ☁️ - सरल अंग्रेज़ी विवरणों से पेशेवर सॉफ़्टवेयर आरेख तैयार करें।
विशेषताएँ
- 5 उपकरण हर इनपुट प्रकार को कवर करते हैं: प्राकृतिक भाषा पाठ, कोड, ASCII आरेख, चित्र, और Mermaid
- इनलाइन रेंडरिंग — MCP Apps UI का उपयोग करके आरेख सीधे चैट में दिखाई देते हैं, कोई डाउनलोड नहीं
- प्रतिक्रियाओं में आरेख URL — आरेख देखने और संपादित करने के लिए इसे अपने ब्राउज़र में खोलें
- 5 आरेख प्रकार: फ़्लोचार्ट, अनुक्रम, ERD, सिस्टम आर्किटेक्चर, UML
- stdio (स्थानीय) और HTTP/स्ट्रीमेबल HTTP (दूरस्थ) दोनों ट्रांसपोर्ट का समर्थन करता है
विषय-सूची
- पूर्वापेक्षाएँ
- होस्टेड MCP सर्वर
- स्थापना
- MCP क्लाइंट कॉन्फ़िगरेशन
- एनवायरनमेंट वेरिएबल
- उपकरण
- ट्रिगर कीवर्ड
- स्थानीय डेवलपर सेटअप
- लाइसेंस
पूर्वापेक्षाएँ
- Node.js 18+
- एक AI Diagram Maker खाता और API कुंजी
होस्टेड MCP सर्वर
सार्वजनिक MCP एंडपॉइंट https://mcp.aidiagrammaker.com/mcp (स्ट्रीमेबल HTTP)** है। इस विकल्प के लिए कुछ भी इंस्टॉल करने की आवश्यकता नहीं है।
प्रमाणीकरण (HTTP)
दूरस्थ HTTP क्लाइंट के लिए, हर अनुरोध पर अपनी API कुंजी भेजें — एनवायरनमेंट वेरिएबल के माध्यम से नहीं:
X-ADM-API-Key: <your_api_key>(अनुशंसित), याAuthorization: Bearer <your_api_key>
अपने AI Diagram Maker खाते से API कुंजी का उपयोग करें (देखें पूर्वापेक्षाएँ)।
दूरस्थ सर्वर JSON उदाहरण
इसे अपने क्लाइंट के MCP कॉन्फ़िग में मर्ज करें (API कुंजी प्लेसहोल्डर को बदलें):
{
"mcpServers": {
"ai-diagram-maker": {
"url": "https://mcp.aidiagrammaker.com/mcp",
"headers": {
"X-ADM-API-Key": "YOUR_API_KEY"
}
}
}
}
स्थापना
विकल्प A — होस्टेड सर्वर (अनुशंसित)
ऊपर दिए गए दूरस्थ सर्वर JSON उदाहरण का उपयोग करें और MCP क्लाइंट कॉन्फ़िगरेशन का उपयोग करके इसे अपने क्लाइंट में जोड़ें। कोई वैश्विक इंस्टॉल नहीं।
विकल्प B — npx के साथ स्थानीय रूप से चलाएँ
स्थायी रूप से कुछ भी इंस्टॉल करने की आवश्यकता नहीं — npx मांग पर पैकेज चलाता है। पैकेज का नाम ai-diagram-maker-mcp है; यदि आप चाहते हैं कि हर आह्वान नवीनतम रिलीज़ को हल करे तो @latest जोड़ें (एक बार के रन और claude mcp add के लिए अनुशंसित)।
ADM_API_KEY=your_api_key npx ai-diagram-maker-mcp@latest
MCP क्लाइंट कॉन्फ़िगरेशन
Cursor
दूरस्थ (अनुशंसित)
दूरस्थ सर्वर JSON उदाहरण का उपयोग करके ~/.cursor/mcp.json या Settings → MCP में जोड़ें। इस सेटअप के लिए किसी एनवायरनमेंट वेरिएबल की आवश्यकता नहीं है।
स्थानीय (stdio)
{
"mcpServers": {
"ai-diagram-maker": {
"command": "npx",
"args": ["-y", "ai-diagram-maker-mcp@latest"],
"env": {
"ADM_API_KEY": "your_api_key_here"
}
}
}
}
वैकल्पिक: डीबग लॉगिंग के लिए "ADM_DEBUG": "1" को env में जोड़ें — देखें एनवायरनमेंट वेरिएबल।
Claude Desktop
~/Library/Application Support/Claude/claude_desktop_config.json (macOS) या %APPDATA%\Claude\claude_desktop_config.json (Windows) में जोड़ें:
{
"mcpServers": {
"ai-diagram-maker": {
"command": "npx",
"args": ["-y", "ai-diagram-maker-mcp@latest"],
"env": {
"ADM_API_KEY": "your_api_key_here"
}
}
}
}
Claude Code
macOS
claude mcp add ai-diagram-maker -t stdio -e ADM_API_KEY=<api_key> -- npx -y ai-diagram-maker-mcp@latest
Windows
claude mcp add ai-diagram-maker \
--command "npx" \
--args "-y,ai-diagram-maker-mcp@latest" \
--env ADM_API_KEY=your_api_key_here
HTTP ट्रांसपोर्ट (स्थानीय या स्व-होस्टेड)
स्वयं HTTP सर्वर चलाने के लिए (वही हेडर-आधारित प्रमाणीकरण जैसा प्रमाणीकरण (HTTP)):
npx ai-diagram-maker-mcp@latest --transport http
सर्वर $PORT या 3001 पर सुनता है। क्लाइंट को /mcp पर इंगित करें और ऊपर दिए गए हेडर का उपयोग करके प्रत्येक अनुरोध के साथ API कुंजी भेजें।
एनवायरनमेंट वेरिएबल
| वेरिएबल | आवश्यक | डिफ़ॉल्ट | विवरण |
|---|---|---|---|
ADM_API_KEY | हाँ (केवल stdio) | — | आपकी AI Diagram Maker API कुंजी (केवल stdio ट्रांसपोर्ट; दूरस्थ HTTP क्लाइंट हेडर का उपयोग करते हैं — देखें प्रमाणीकरण (HTTP)) |
ADM_BASE_URL | नहीं | https://app.aidiagrammaker.com | स्थानीय/स्टेजिंग API के लिए ओवरराइड; उपकरण प्रतिक्रियाओं में आरेख URL के लिए आधार के रूप में भी उपयोग किया जाता है |
ADM_DEBUG | नहीं | — | AI एजेंट से अनुरोध पैरामीटर और AI Diagram Maker API को भेजे गए पेलोड को लॉग करने के लिए 1, true, या yes पर सेट करें। लॉग stderr पर जाते हैं। Cursor में, Output खोलें, सर्वर लॉग पढ़ने के लिए MCP या ai-diagram-maker चैनल चुनें। |
उपकरण
generate_diagram_from_text
प्राकृतिक भाषा विवरण से एक आरेख तैयार करें।
| पैरामीटर | प्रकार | आवश्यक | विवरण |
|---|---|---|---|
content | string | हाँ | आरेख का प्राकृतिक भाषा विवरण |
diagramType | enum | नहीं | flowchart, sequence, erd, system_architecture, uml |
prompt | string | नहीं | अतिरिक्त स्टाइलिंग/लेआउट निर्देश |
उदाहरण प्रॉम्प्ट:
- "API गेटवे, auth सेवा, उपयोगकर्ता सेवा और PostgreSQL डेटाबेस के साथ एक माइक्रोसर्विसेज आर्किटेक्चर बनाएं"
- "JWT टोकन जनरेशन के साथ उपयोगकर्ता लॉगिन प्रवाह के लिए एक अनुक्रम आरेख बनाएं"
- "adm Vercel पर तैनात Next.js ऐप के लिए CI/CD पाइपलाइन दिखाएं"
generate_diagram_from_json
एक JSON संरचना को आरेख में बदलें (API प्रतिक्रियाओं, डेटाबेस स्कीमा, कॉन्फ़िग फ़ाइलों के लिए बढ़िया)।
| पैरामीटर | प्रकार | आवश्यक | विवरण |
|---|---|---|---|
content | string | हाँ | विज़ुअलाइज़ करने के लिए JSON स्ट्रिंग |
prompt | string | नहीं | JSON की व्याख्या कैसे करें |
diagramType | enum | नहीं | पसंदीदा आरेख प्रकार |
generate_diagram_from_ascii
ASCII कला को एक परिष्कृत आरेख में बदलें।
| पैरामीटर | प्रकार | आवश्यक | विवरण |
|---|---|---|---|
content | string | हाँ | कच्चा ASCII कला आरेख |
prompt | string | नहीं | रेंडरिंग निर्देश |
diagramType | enum | नहीं | पसंदीदा आरेख प्रकार |
generate_diagram_from_image
एक व्हाइटबोर्ड फ़ोटो, स्क्रीनशॉट, या किसी भी छवि को एक साफ आरेख में बदलें।
| पैरामीटर | प्रकार | आवश्यक | विवरण |
|---|---|---|---|
content | string | हाँ | सार्वजनिक छवि URL या base64 डेटा URI |
prompt | string | नहीं | क्या निकालना है या कैसे रेंडर करना है |
diagramType | enum | नहीं | पसंदीदा आउटपुट आरेख प्रकार |
generate_diagram_from_mermaid
एक Mermaid आरेख परिभाषा को D2 में बदलें और एक PNG छवि लौटाएँ।
| पैरामीटर | प्रकार | आवश्यक | विवरण |
|---|---|---|---|
content | string | हाँ | Mermaid आरेख स्रोत (जैसे flowchart, sequenceDiagram, erDiagram) |
prompt | string | नहीं | वैकल्पिक लेआउट या स्टाइलिंग निर्देश |
diagramType | enum | नहीं | परिवर्तित आउटपुट के लिए पसंदीदा आरेख प्रकार |
ट्रिगर कीवर्ड
जब आप इस तरह के वाक्यांशों का उपयोग करेंगे तो AI एजेंट स्वचालित रूप से सही उपकरण का चयन करेगा:
adm ...ai diagram maker ...create a diagram of ...show me a flowchart / sequence diagram / ERD / architecture ...visualise / draw / diagram ...
स्थानीय डेवलपर सेटअप
रेपो को क्लोन करने, स्थानीय रूप से बिल्ड करने और Node के साथ MCP सर्वर चलाने के लिए इन चरणों का उपयोग करें।
1. रिपॉजिटरी क्लोन करें
git clone https://github.com/erajasekar/ai-diagram-maker-mcp.git
cd ai-diagram-maker-mcp
2. निर्भरताएँ इंस्टॉल करें
npm install
3. (वैकल्पिक) API क्लाइंट पुनर्जीवित करें
यदि आप AI Diagram Maker OpenAPI स्पेक या कॉन्फ़िग बदलते हैं, तो क्लाइंट को पुनर्जीवित करें:
npm run generate
4. बिल्ड करें
npm run build
यह TypeScript संकलित करता है और MCP ऐप UI को dist/ में बिल्ड करता है। सर्वर एंट्रीपॉइंट dist/index.js है।
5. स्थानीय MCP सर्वर चलाएँ
stdio (डिफ़ॉल्ट) — Cursor, Claude Desktop, आदि के साथ उपयोग के लिए:
ADM_API_KEY=your_api_key node dist/index.js
या npm स्क्रिप्ट का उपयोग करें:
ADM_API_KEY=your_api_key npm start
HTTP ट्रांसपोर्ट — दूरस्थ क्लाइंट या परीक्षण के लिए (वही हेडर जैसा प्रमाणीकरण (HTTP)):
ADM_API_KEY=your_api_key node dist/index.js --transport http
या:
ADM_API_KEY=your_api_key npm run start:http
HTTP सर्वर $PORT (डिफ़ॉल्ट 3001) पर सुनता है।
6. Cursor में स्थानीय सर्वर का उपयोग करें
Settings → MCP (या ~/.cursor/mcp.json) के माध्यम से Cursor को अपने बिल्ट सर्वर पर इंगित करें:
{
"mcpServers": {
"ai-diagram-maker": {
"command": "node",
"args": ["/absolute/path/to/ai-diagram-maker-mcp/dist/index.js"],
"env": {
"ADM_API_KEY": "your_api_key_here"
}
}
}
}
/absolute/path/to/ai-diagram-maker-mcp को अपने क्लोन किए गए रेपो के वास्तविक पथ से बदलें। कॉन्फ़िग बदलने के बाद, Cursor को पुनरारंभ करें या MCP सर्वर को पुनः लोड करें।
डीबग लॉगिंग के लिए, "ADM_DEBUG": "1" को env में जोड़ें — देखें एनवायरनमेंट वेरिएबल।
लाइसेंस
MIT