# AI Diagram Maker

MCP-сервер превращает текст, JSON, ASCII, изображения и Mermaid в программные диаграммы. Пригодится для схем архитектуры и потоков.

- MCP-сервер · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI · ★ 10
- Автор: erajasekar
- Лицензия: MIT · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/erajasekar/ai-diagram-maker-mcp
- Обновлён: 2026-05-04
- HTML: https://affpapa.org/nevibecode/mcp/ai-diagram-maker

## Что делает

AI Diagram Maker предоставляет пять инструментов для разных входных форматов: текстового описания, JSON, ASCII-схемы, изображения и Mermaid. На выходе можно получить flowchart, sequence diagram, ERD, схему системной архитектуры или UML. Диаграмма отображается прямо в чате, а ответ также содержит URL для просмотра и редактирования.

Сервер работает через локальный stdio или удалённый Streamable HTTP. Для локального запуска нужны Node.js 18+ и API-ключ аккаунта AI Diagram Maker. Без API-ключа stdio-запуск не заработает. В запросах к удалённому серверу ключ передаётся заголовком.

## Требования
- Нужно: Node.js (команды через npx)
- Переменные окружения: `YOUR_API_KEY` — это ключи и токены: значения спроси у человека, в репозиторий и общие файлы не записывай.

## Установка

### Claude Code (родная платформа)

**Командой платформы**
```bash
claude mcp add ai-diagram-maker-mcp -e YOUR_API_KEY=<YOUR_API_KEY> -- npx -y ai-diagram-maker-mcp
```
Вместо <…> подставьте свои значения

### Codex

**Командой платформы**
```bash
codex mcp add ai-diagram-maker --env YOUR_API_KEY=<YOUR_API_KEY> -- npx -y ai-diagram-maker-mcp
```
Вместо <…> подставьте свои значения

### Cursor

**Файл настроек**
Файл `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "ai-diagram-maker": {
            "command": "npx",
            "args": [
                "-y",
                "ai-diagram-maker-mcp"
            ],
            "env": {
                "YOUR_API_KEY": "<YOUR_API_KEY>"
            }
        }
    }
}
```
Вместо <…> подставьте свои значения

### GitHub Copilot

**Файл настроек**
Файл `.vscode/mcp.json`:
```json
{
    "servers": {
        "ai-diagram-maker": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "-y",
                "ai-diagram-maker-mcp"
            ],
            "env": {
                "YOUR_API_KEY": "<YOUR_API_KEY>"
            }
        }
    }
}
```
Вместо <…> подставьте свои значения

### Gemini CLI

**Командой платформы**
```bash
gemini mcp add -e YOUR_API_KEY=<YOUR_API_KEY> ai-diagram-maker npx -y ai-diagram-maker-mcp
```
Вместо <…> подставьте свои значения

## Когда брать
- собрать схему архитектуры из текстового описания
- превратить JSON-структуру в диаграмму
- очистить ASCII-схему и оформить её
- восстановить диаграмму по изображению
- перевести Mermaid в PNG

## Примеры запросов агенту
- Построй схему системной архитектуры для этого описания сервисов.
- Преврати этот JSON со схемой базы данных в ERD.
- Возьми эту Mermaid-диаграмму и верни её как PNG.

## Похожие
- [diagram-architect](https://affpapa.org/nevibecode/agents/diagram-architect.md) — субагент · 1178 установок
- [diagram-maker](https://affpapa.org/nevibecode/skills/diagram-maker.md) — скилл · 503 установки
- [diagram-design](https://affpapa.org/nevibecode/skills/diagram-design.md) — скилл · 19600 установок
- [diagram-generator](https://affpapa.org/nevibecode/skills/diagram-generator.md) — скилл · 1300 установок
- [diagram-to-image](https://affpapa.org/nevibecode/skills/diagram-to-image.md) — скилл · 508 установок
- [figma-generate-diagram](https://affpapa.org/nevibecode/skills/figma-generate-diagram.md) — скилл · 5 установок

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md