AI Diagram Maker MCP

आधिकारिक

MCP सर्वर AI Diagram Maker के लिए — Cursor, Claude Desktop, Claude Code, या किसी भी MCP-संगत AI एजेंट के अंदर सीधे सुंदर सॉफ्टवेयर इंजीनियरिंग आरेख उत्पन्न करें

GitHub

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_json and have it rendered as a diagram.
Convert ASCII art to a clean diagram — Pass raw ASCII art to generate_diagram_from_ascii to produce a professional-looking diagram.
Create a diagram from an image — Provide a whiteboard photo or screenshot URL/base64 to generate_diagram_from_image and receive a cleaned-up diagram.
Render a Mermaid definition as a diagram — Feed Mermaid source to generate_diagram_from_mermaid to 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 (दूरस्थ) दोनों ट्रांसपोर्ट का समर्थन करता है

पूर्वापेक्षाएँ

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