MCP-сервер CX Codex

Next AI Draw.io — MCP-сервер для Claude Code: диаграммы

Q: Как установить Next AI Draw.io в Claude Code?

Выполните `claude mcp add next-ai-drawio -- npx -y @next-ai-drawio/mcp-server`. Это добавит сервер MCP с именем `next-ai-drawio`.

MCP-сервер строит диаграммы draw.io по файлам проекта и показывает их на редактируемом холсте в браузере. Подходит, когда агент и вы работаете над одной схемой.

Установить в Claude Code · Командой платформы Все способы и платформы ↓

claude mcp add next-ai-drawio -- npx -y @next-ai-drawio/mcp-server

Открыть на GitHub

Что делает Next AI Draw.io

Агент читает код и документы проекта своими инструментами, а затем создаёт диаграмму на холсте draw.io в браузере. Вы можете менять её вручную: сервер учитывает эти правки перед следующим изменением. Для существующих файлов .drawio и .drawio.svg есть загрузка, а схемы можно сохранять в форматах .drawio, .png, .svg и .drawio.svg.

Изменения агента временно выделяются на холсте; их можно отменить через Ctrl+Z. Сервер умеет проверять снимок диаграммы и исправлять наложения, а также возвращать сохранённые версии. Можно задать собственные правила рисования в ~/.next-ai-drawio/instructions.md. Сервер запускается через npx, а редактор draw.io входит в пакет; для работы нужен клиент, поддерживающий MCP. Учтите: Codex запрашивает подтверждение перед инструментами, меняющими диаграмму.

Какие задачи решает

Нарисовать архитектуру по коду и документам проекта
Загрузить и изменить существующую схему .drawio
Выделить выбранные элементы и попросить агента их поправить
Проверить диаграмму на наложения по снимку
Экспортировать схему в .png или .svg

Примеры запросов агенту

Прочитай проект и нарисуй его архитектуру на холсте draw.io.
Открой architecture.drawio и перестрой выбранные блоки.
Проверь снимок диаграммы и исправь наложения элементов.

Как установить Next AI Draw.io

Командой платформы

claude mcp add next-ai-drawio -- npx -y @next-ai-drawio/mcp-server

Командой платформы

codex mcp add mcp-server -- npx -y @next-ai-drawio/mcp-server

Файл настроек

{
    "mcpServers": {
        "mcp-server": {
            "command": "npx",
            "args": [
                "-y",
                "@next-ai-drawio/mcp-server"
            ]
        }
    }
}

Файл настроек

{
    "servers": {
        "mcp-server": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "-y",
                "@next-ai-drawio/mcp-server"
            ]
        }
    }
}

Командой платформы

gemini mcp add mcp-server npx -y @next-ai-drawio/mcp-server

По шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие

Вопросы о Next AI Draw.io

Как установить Next AI Draw.io в Claude Code?

Выполните claude mcp add next-ai-drawio -- npx -y @next-ai-drawio/mcp-server. Это добавит сервер MCP с именем next-ai-drawio.

Что делает Next AI Draw.io?

Сервер позволяет агенту создавать и менять диаграммы draw.io по материалам проекта, а вам — редактировать их на холсте в браузере. Также можно загружать схемы и экспортировать их в несколько форматов.

Можно ли продолжить работу над сохранённой диаграммой?

Да. Сервер сохраняет диаграммы и версии, а в новой беседе агент может найти схему через list_saved_diagrams и открыть её через start_session.

Из того же набора2

next-ai-drawio Собирает диаграммы draw.io по описанию на обычном языке и показывает их в браузере сразу, по ходу работы Claude. ★ 36 398звёзд репо