lgazo/drawio-mcp-server

Developer tools

Эта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал

1,5 тыс. stars 135 forks Качество 84 Тренд 39MIT

Repository Install

Draw.io Сервер протокола контекста модели (MCP)

Обзор

Давайте проведём Vibe Diagramming с помощью самого распространённого инструмента для диаграммирования под названием Draw.io (Diagrams.net). - Встроенный редактор Draw.io — не требуется расширение браузера — MCP-сервер, позволяющий AI-агентам управлять Draw.io диаграммами - Создание, инспекция и модификация программных диаграмм с помощью MCP-инструментов - Управление слоями для сложных диаграмм — работает с любым MCP-клиентом (Claude Desktop, Claude Code, Zed, Codex и др.) Сервер Draw.io MCP предоставляет Draw.io возможности для создания диаграмм для AI-агентов. Он предоставляет инструменты MCP, которые могут создавать, читать, обновлять и удалять элементы диаграмм — позволяя ассистентам ИИ автоматически создавать архитектурные схемы, блок-схемы и визуальную документацию. Два способа использования: 1. - Серверные хосты Draw.io напрямую доступны в вашем браузере 2. - Подключитесь к Draw.io, работающему в вашем браузере, через расширение Экспериментальное: интеграция с этим уже в процессе, но в настоящее время заблокирована проблемой на выходящем CSP — см. DESKTOP.md.

Обзор (машинный перевод)

Английский · 简体中文

Давайте проведём Vibe Diagramming с помощью самого распространённого инструмента для диаграммирования под названием Draw.io (Diagrams.net).

Ключевые моменты

Плагин Claude Code: /plugin marketplace add lgazo/drawio-mcp-server затем /plugin install drawio, с командами слэша /drawio-open и /drawio-status
npx drawio-mcp-server install записывает конфигурацию MCP для claude-code, claude-desktop, codex, zed, opencode или all
Инструменты сохранения документов: set-document-title и save-document
Механизм совместимости версий API Draw.io библиотеки
Включить Draw.io MCP в IFrames
Трафареты AWS, GCP, Azure, Cisco19 и CiscoSafe автоматически обнаруживаются во время выполнения из боковой панели drawio
Многодокументное таргетирование с селекторами list-documents и target_document для многовкладочных рабочих процессов
Многостраничное таргетирование с обязательными селекторами target_page для инструментов с ограничением страниц
Сериализация FIFO на каждый документ для живых операций, чтобы несколько агентов могли безопасно работать с разными файлами
Инструменты управления страницами: list-pages, get-current-page, create-page, copy-page, [rename-page
Импортировать, встраивать или расширять диаграммы русалок
Поддержка Firefox вернулась, необходим режим TLS

Эта страница переведена автоматически. Технические детали смотрите в оригинале.

README

Показан фрагмент оригинального README. Открыть оригинал.

Draw.io MCP server

English · 简体中文

Let’s do some Vibe Diagramming with the most wide-spread diagramming tool called Draw.io (Diagrams.net).

Key Highlights

Claude Code plugin: /plugin marketplace add lgazo/drawio-mcp-server then /plugin install drawio, with /drawio-open and /drawio-status slash commands
npx drawio-mcp-server install writes the MCP config for claude-code, claude-desktop, codex, zed, opencode, or all
Document persistence tools: set-document-title and save-document
Draw.io library API version compatibility mechanism
Enable Draw.io MCP in IFrames
AWS, GCP, Azure, Cisco19, and CiscoSafe stencils auto-discovered at runtime from drawio’s sidebar
Multi-document targeting with list-documents and target_document selectors for multi-tab workflows
Multi-page targeting with required target_page selectors for page-scoped tools
Per-document FIFO serialization for live operations, so multiple agents can work on different files safely
Page management tools: list-pages, get-current-page, create-page, copy-page, rename-page
Import, embed, or expand Mermaid diagrams
Firefox support is back, TLS mode is necessary
Server supports TLS mode and optionally generates self-signed certificates
Import and export diagrams from/to XML, SVG (with embedded XML), or PNG (with embedded XML)
Edge geometry control with waypoints and automatic self-connector routing
Parent-child relationships for nested shapes and grouping
Unified Server and Extension in the same mono-repo
Built-in Draw.io editor - no browser extension required

Открыть полный README на GitHub

Установка

npx -y drawio-mcp-server --editor

Новичок в MCP? Начните с руководства на mcpskill.org →

Конфигурация

{
  "mcpServers": {
    "drawio": {
      "command": "npx",
      "args": ["-y", "drawio-mcp-server", "--editor"]
    }
  }
}