Каталог MCP
erajasekar/ai-diagram-maker-mcp

erajasekar/ai-diagram-maker-mcp

Name: erajasekar/ai-diagram-maker-mcp
Availability: InStock
Author: erajasekar

MCP-сервер для генерации профессиональных диаграмм ПО из описания на естественном языке: схемы архитектуры, последовательности, ERD, UML. Поддерживает ввод текста, кода, ASCII-схем, изображений и M...

Github NPM Сайт сервера

README

5 инструментов

Версии

Установить сервер

AI Diagram Maker MCP Server

MCP server for AI Diagram Maker — generate beautiful software engineering diagrams directly inside Cursor, Claude Desktop, Claude Code, or any MCP-compatible AI agent.

ai-diagram-maker-mcp 🌐 ☁️ - Generate professional software diagrams from plain English descriptions.

Features

5 tools covering every input type: natural language text, code, ASCII diagram, images, and Mermaid
Inline rendering — diagrams appear directly in the chat using MCP Apps UI, no downloads
Diagram URL in responses — open it in your browser to view and edit the diagram
5 diagram types: flowchart, sequence, ERD, system architecture, UML
Supports both stdio (local) and HTTP/Streamable HTTP (remote) transports

Prerequisites
Hosted MCP server
Installation
MCP client configuration
Environment variables
Tools
Trigger keywords
Local developer setup
License

Prerequisites

Node.js 18+
An AI Diagram Maker account and API key

Hosted MCP server

The public MCP endpoint is https://mcp.aidiagrammaker.com/mcp (Streamable HTTP). Nothing to install for this option.

Инструменты были проиндексированы: 15.10.2026

generate_diagram_from_ascii

Преобразует ASCII-схему в качественную визуальную диаграмму. Используйте этот инструмент, когда у пользователя есть существующее ASCII-представление системы, потока или архитектуры, и он хочет отобразить его в виде полноценной диаграммы. Принимает символы псевдографики, обозначения стрелок (-->, ==>) и текстовые макеты. Возвращает ссылку для просмотра и редактирования созданной диаграммы в браузере.

Параметры

contentstringобязательный
Преобразует ASCII-схему в аккуратно оформленную визуальную диаграмму. Включает исходную ASCII-схему как есть, с символами рамок, стрелками или простой текстовой разметкой. Пример: +--------+ +--------+ | Клиент | --> | Сервер | +--------+ +--------+
diagramTypeenum
Предпочтительный тип диаграммы. Оставьте пустым, чтобы ИИ определил по ASCII-разметке.
isIconEnabledboolean
Установите значение true, когда пользователь просит включить иконки в диаграмму.
promptstring
Дополнительная инструкция по рендерингу. Пример: «Используйте тёмную тему и добавьте иконки»

generate_diagram_from_image

Преобразует изображение (фотографию с доски, скриншот, рисунок от руки) в чистую диаграмму. Этот инструмент используется, когда пользователь предоставляет URL изображения или base64-кодированное изображение и хочет преобразовать его в корректную диаграмму для разработки ПО. Принимает публичные URL изображений или base64 data URI (data:image/...;base64,...). Возвращает ссылку для просмотра и редактирования сгенерированной диаграммы в браузере.

Параметры

contentstringобязательный
Либо публичный URL изображения, либо data URI в base64 для конвертации изображения. Поддерживаемые форматы: JPEG, PNG, GIF, WebP. Для URL: 'https://example.com/whiteboard.png'. Для data URI: 'data:image/png;base64,iVBORw0KGgo...'
diagramTypeenum
Предпочтительный тип диаграммы на выходе. Оставьте поле пустым, чтобы ИИ выбрал тип самостоятельно на основе содержимого изображения.
isIconEnabledboolean
Установите значение true, когда пользователь просит включить иконки в диаграмму.
promptstring
Инструкция, описывающая, что извлекать или как отображать диаграмму. Пример: «Преобразуйте это фото с доски в чистую диаграмму последовательности»

generate_diagram_from_json

Генерирует диаграмму из JSON-структуры. Используйте этот инструмент, когда пользователь хочет визуализировать JSON-данные, например ответы API, схемы баз данных, деревья зависимостей, конфигурационные файлы или любые структурированные данные. Передайте исходную JSON-строку в параметре content. Возвращает ссылку для просмотра и редактирования сгенерированной диаграммы в браузере.

Параметры

contentstringобязательный
JSON-строка, описывающая структуру для визуализации. Это могут быть данные ответа API, схема базы данных, конфигурационный файл, дерево зависимостей или любой другой структурированный JSON. Пример: '{"users": [{"id": 1, "orders": [{"id": 101}]}]}'
diagramTypeenum
Предпочтительный тип диаграммы. По умолчанию используются 'erd' для схем и 'flowchart' для остальных JSON.
isIconEnabledboolean
Установите значение true, когда пользователь просит включить иконки в диаграмму.
promptstring
Инструкция о том, как интерпретировать или отображать JSON. Пример: «Отобразить в виде диаграммы сущностей-связей с подписями кардинальности».

generate_diagram_from_mermaid

Преобразует определение диаграммы Mermaid в диаграмму D2 и возвращает PNG-изображение. Используйте этот инструмент, когда у пользователя есть готовый код Mermaid (flowchart, sequenceDiagram, erDiagram и т.д.) и он хочет преобразовать его в D2 или отобразить как изображение. Передайте исходный код Mermaid в качестве содержимого. Возвращает ссылку для просмотра и редактирования сгенерированной диаграммы в браузере.

Параметры

contentstringобязательный
Преобразует определение диаграммы Mermaid в D2. Передайте исходный код Mermaid (например, flowchart, sequenceDiagram, erDiagram). Пример: "flowchart LR A --> B --> C"
diagramTypeenum
Предпочтительный тип диаграммы для преобразованного D2-вывода.
isIconEnabledboolean
Установите значение true, когда пользователь просит включить иконки в диаграмму.
promptstring
Необязательная инструкция по компоновке или оформлению преобразованной диаграммы.

generate_diagram_from_text

Генерирует диаграмму по программной инженерии из описания на естественном языке. Используйте этот инструмент, когда: пользователь просит «создать диаграмму», «показать блок-схему», «визуализировать архитектуру», использует ключевое слово «adm» или «ai diagram maker», или просит любое визуальное представление кода, систем, процессов или потоков данных. Поддерживаемые типы диаграмм: flowchart, sequence, ERD, system architecture, network architecture, UML, mindmap, workflow. Возвращает ссылку для просмотра и редактирования сгенерированной диаграммы в браузере.

Параметры

contentstringобязательный
Описание диаграммы для генерации на естественном языке. Будьте описательными: указывайте компоненты, связи, потоки данных и т.д. Пример: «Создайте микросервисную архитектуру с API-шлюзом, сервисом аутентификации, пользовательским сервисом и базой данных PostgreSQL»
diagramTypeenum
Предпочтительный тип диаграммы. Оставьте пустым, чтобы ИИ сам определил лучший тип по вашему описанию.
isIconEnabledboolean
Установите значение true, когда пользователь просит включить иконки в диаграмму.
promptstring
Дополнительная инструкция по стилю или раскладке. Пример: «Используйте раскладку слева направо с пастельными цветами».

`3.0.8`основная	10.04.2026
`3.0.7`	26.03.2026
`3.0.6`	19.03.2026
`3.0.4`	18.03.2026
`3.0.3`	17.03.2026
`3.0.2`	14.03.2026
`3.0.1`	14.03.2026
`3.0.0`	14.03.2026
`1.1.2`	12.03.2026
`1.1.1`	09.03.2026
`1.1.0`	09.03.2026
`1.0.0`	08.03.2026

Выберите клиент, чтобы установить erajasekar/ai-diagram-maker-mcp:

Любой клиент

Конфиг добавления MCP сервера стандартный, обычно он не меняется вообще, поэтому подходит практически к любому ИИ клиенту, поддерживающему MCP.

{
  "mcpServers": {
    "erajasekar-ai-diagram-maker-mcp-ana3xkt259": {
      "command": "npx",
      "args": [
        "-y",
        "ai-diagram-maker-mcp@latest"
      ],
      "env": {
        "ADM_API_KEY": "your_api_key_here"
      }
    }
  }
}

Cursor

Перейдите по ссылке и сервер автоматически будет добавлен в Cursor. Либо откройте/создайте файл ~/.cursor/mcp.json(%USERPROFILE%\.cursor\mcp.json на Windows) и добавьте конфиг сервера:

{
  "mcpServers": {
    "erajasekar-ai-diagram-maker-mcp-ana3xkt259": {
      "command": "npx",
      "args": [
        "-y",
        "ai-diagram-maker-mcp@latest"
      ],
      "env": {
        "ADM_API_KEY": "your_api_key_here"
      }
    }
  }
}

VS Code

Создайте .vscode/mcp.json в проекте (ключ верхнего уровня — servers):

{
  "servers": {
    "erajasekar-ai-diagram-maker-mcp-ana3xkt259": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "ai-diagram-maker-mcp@latest"
      ],
      "env": {
        "ADM_API_KEY": "your_api_key_here"
      }
    }
  }
}

Либо добавьте сервер через терминал:

code --add-mcp "{\"name\":\"erajasekar-ai-diagram-maker-mcp-ana3xkt259\",\"type\":\"stdio\",\"command\":\"npx\",\"args\":[\"-y\",\"ai-diagram-maker-mcp@latest\"],\"env\":{\"ADM_API_KEY\":\"your_api_key_here\"}}"

Claude Desktop

Откройте Settings → Developer → Edit Config — это откроет файл claude_desktop_config.json:

macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
Windows: %APPDATA%\Claude\claude_desktop_config.json

Впишите сервер и полностью перезапустите Claude Desktop:

{
  "mcpServers": {
    "erajasekar-ai-diagram-maker-mcp-ana3xkt259": {
      "command": "npx",
      "args": [
        "-y",
        "ai-diagram-maker-mcp@latest"
      ],
      "env": {
        "ADM_API_KEY": "your_api_key_here"
      }
    }
  }
}

Claude Code

Добавьте сервер одной командой в терминале:

claude mcp add erajasekar-ai-diagram-maker-mcp-ana3xkt259 --env ADM_API_KEY=your_api_key_here -- npx -y ai-diagram-maker-mcp@latest

Либо через JSON-конфиг:

claude mcp add-json erajasekar-ai-diagram-maker-mcp-ana3xkt259 "{\"command\":\"npx\",\"args\":[\"-y\",\"ai-diagram-maker-mcp@latest\"],\"env\":{\"ADM_API_KEY\":\"your_api_key_here\"}}"

Codex

Добавьте сервер командой в терминале:

codex mcp add erajasekar-ai-diagram-maker-mcp-ana3xkt259 --env ADM_API_KEY=your_api_key_here -- npx -y ai-diagram-maker-mcp@latest

Либо вручную в ~/.codex/config.toml(%USERPROFILE%\.codex\config.toml на Windows):

[mcp_servers.erajasekar-ai-diagram-maker-mcp-ana3xkt259]
command = "npx"
args = ["-y", "ai-diagram-maker-mcp@latest"]

[mcp_servers.erajasekar-ai-diagram-maker-mcp-ana3xkt259.env]
ADM_API_KEY = "your_api_key_here"

Perplexity

MCP доступен подписчикам Perplexity Pro / Max / Enterprise. Локальные серверы — только в приложении для macOS.

Откройте Настройки аккаунта → Connectors.
Установите вспомогательное приложение PerplexityXPC (один раз).
Нажмите Add Connector → вкладка Simple.
В поле Server Name укажите erajasekar/ai-diagram-maker-mcp, а в поле команды запуска — строку ниже:

npx -y ai-diagram-maker-mcp@latest

Нажмите Save и дождитесь статуса Running.

Windsurf

Откройте Windsurf Settings → Cascade → MCP Servers или отредактируйте файл ~/.codeium/windsurf/mcp_config.json:

{
  "mcpServers": {
    "erajasekar-ai-diagram-maker-mcp-ana3xkt259": {
      "command": "npx",
      "args": [
        "-y",
        "ai-diagram-maker-mcp@latest"
      ],
      "env": {
        "ADM_API_KEY": "your_api_key_here"
      }
    }
  }
}

Cline

В панели Cline нажмите иконку MCP Servers → Configure → Configure MCP Servers (или отредактируйте ~/.cline/mcp.json) и добавьте сервер:

{
  "mcpServers": {
    "erajasekar-ai-diagram-maker-mcp-ana3xkt259": {
      "command": "npx",
      "args": [
        "-y",
        "ai-diagram-maker-mcp@latest"
      ],
      "env": {
        "ADM_API_KEY": "your_api_key_here"
      },
      "disabled": false,
      "autoApprove": []
    }
  }
}

Continue

Создайте файл в .continue/mcpServers/ (например erajasekar-ai-diagram-maker-mcp-ana3xkt259.yaml) или добавьте блок в config.yaml. MCP работает только в режиме agent:

mcpServers:
  - name: erajasekar-ai-diagram-maker-mcp-ana3xkt259
    command: npx
    args:
      - "-y"
      - "ai-diagram-maker-mcp@latest"
    env:
      ADM_API_KEY: your_api_key_here

Zed

Выполните agent: add context server или откройте настройки (zed: open settings file) и добавьте сервер в объект context_servers:

{
  "context_servers": {
    "erajasekar-ai-diagram-maker-mcp-ana3xkt259": {
      "command": "npx",
      "args": [
        "-y",
        "ai-diagram-maker-mcp@latest"
      ],
      "env": {
        "ADM_API_KEY": "your_api_key_here"
      }
    }
  }
}

Конфиг для установки сервера

{
  "command": "npx",
  "args": [
    "-y",
    "ai-diagram-maker-mcp@latest"
  ],
  "env": {
    "ADM_API_KEY": "your_api_key_here"
  }
}

Нужен npx

Сервер запускается через npx
Без него ничего работать не будет.

Как установить npx

Информация о сервере

Номер в рейтинге: #196
Звезд на Github: 10
Форков на Github: 0
Загрузок: 1 490
Язык реализации: TypeScript
Лицензия: MIT
Официальный сервер: Нет
Дата обновления данных: 19.10 в 07:06
Идентификатор: iXeIbmov_DJnZsAG
Категории: Визуализация данных, Инструменты для разработчиков

erajasekar/ai-diagram-maker-mcp

AI Diagram Maker MCP Server

Features

Contents

Prerequisites

Hosted MCP server

Похожие MCP-сервера

nteract/semiotic

hustcc/mcp-echarts

hustcc/mcp-mermaid

KyuRish/mcp-dashboards

YuChenSSR/mindmap-mcp-server

1luvc0d3/metabase-mcp