Smart Drawio MCP
Smart Drawio Next
MCP-сервер и скилл для редактируемых диаграмм draw.io: агент создает XML по описанию, проверяет связи, чинит теги и применяет темы
- 367 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Запускает локальный Node.js-процесс через npx, который при генерации отправляет запросы провайдеру модели с вашим ключом
- Ключ API передается через переменные окружения процесса MCP
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add mcp/smart-drawio-nextОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Запускает локальный Node.js-процесс через npx, который при генерации отправляет запросы провайдеру модели с вашим ключом
- Ключ API передается через переменные окружения процесса MCP
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Smart Drawio Next — репозиторий с тремя входами в одну задачу: сайт на Next.js, скилл smart-drawio и локальный MCP-сервер smart-drawio. Сайт принимает текст или картинку-образец, потоково генерирует диаграмму draw.io и позволяет править XML в редакторе рядом со встроенным холстом. Скилл ведет агента через создание, правку, проверку и сохранение редактируемых диаграмм, использует модель самого агента, а его проверяющий скрипт на Python 3 работает без сети и сторонних зависимостей. MCP-сервер запускается по stdio командой npx и дает пять инструментов. generate_drawio строит полный проверенный XML по текстовому запросу и единственный требует настроек модели. validate_drawio проверяет синтаксис, идентификаторы, родителей и ссылки. repair_drawio осторожно дочиняет пропущенные закрывающие теги. style_drawio применяет темы, наборы стилей, пресеты и приемы оформления. list_drawio_options перечисляет поддерживаемые типы диаграмм, темы и настройки. Диаграммы бывают более двадцати типов: блок-схемы, интеллект-карты, оргструктуры, диаграммы последовательности, UML, ER, диаграммы Ганта, архитектурные схемы и другие. Встроены десять цветовых тем, приемы оформления вроде ортогональной маршрутизации и сетки, а также стилевые пресеты. MCP возвращает несжатый XML, который клиент сохраняет в файл .drawio, а экспорт в PNG, SVG и PDF требует доступного рендерера draw.io.
Для кого. Для исследователей, технических авторов и разработчиков, которые просят агента рисовать архитектурные и научные схемы и хотят получать редактируемый файл draw.io, а не картинку.
Подходит, если
- Нужна схема архитектуры или научный рисунок вроде энкодера и декодера трансформера в виде файла .drawio, который можно править руками
- Агент выдал XML с ошибками, и его нужно проверить на синтаксис, идентификаторы и ссылки инструментом validate_drawio
- У готовой диаграммы нужно поменять тему или наложить стилевой набор, не перерисовывая ее
- Вы хотите загрузить картинку-образец и получить из нее редактируемую диаграмму на сайте
- Нужен скилл, который работает на модели самого агента, без отдельных настроек провайдера
Не подходит, если
- Нужно управлять живым холстом draw.io из агента: в версии 0.1.0 есть только локальные stdio-инструменты, а удаленной точки MCP и управления живой сессией нет
- Вам нужен готовый экспорт в PNG, SVG или PDF без установленного draw.io: для превью и экспорта нужен рендерер или редактор draw.io
- Нужна генерация через MCP без ключа модели: generate_drawio требует настроить провайдер и модель, остальные четыре инструмента ключа не просят
- Вам нужны только Mermaid или PlantUML: проект работает с форматом draw.io
Пример запроса к агенту
Используй smart-drawio и нарисуй оригинальную схему трансформера из энкодера и декодера, сохрани в transformer.drawio и проверь связи и подписиMCP
- Транспорт
- stdio
- Авторизация
- ключ необязателен
Переменные окружения
SMART_DRAWIO_PROVIDER- Тип провайдера модели, совместимого с OpenAI или Anthropic, нужен только для generate_drawio
SMART_DRAWIO_BASE_URL- Адрес API провайдера модели
SMART_DRAWIO_API_KEYсекрет- Ключ API провайдера, нужен только для generate_drawio
SMART_DRAWIO_MODEL- Название модели для генерации диаграмм
Ограничения
- Для MCP нужны Node.js 20.9 или новее и клиент с локальным stdio. Только generate_drawio требует переменные SMART_DRAWIO_PROVIDER, SMART_DRAWIO_BASE_URL, SMART_DRAWIO_API_KEY и SMART_DRAWIO_MODEL для провайдера, совместимого с OpenAI или Anthropic.
- Сервер возвращает несжатый XML, сохранять файл должен клиент. Экспорт в PNG, SVG и PDF требует рендерера draw.io.
- Удаленной точки HTTP MCP и управления живым холстом нет.
- Скилл распространяется файлами GitHub без отдельного npm-пакета и ставится через Skills CLI.
- Автор приводит пример, в котором исходный вывод содержит аннотацию, пересеченную линией связи, и сохраняет такие выходные данные как есть. Качество схемы зависит от модели.
- Сайт на Vercel требует собственного ключа API.
Как отключить. Уберите блок smart-drawio из конфигурации MCP-клиента и перезапустите клиент. Скилл удаляется вместе с папкой smart-drawio в каталоге скиллов агента. Уже сохраненные файлы .drawio остаются обычными документами.
Частые вопросы
Как подключить Smart Drawio как MCP-сервер?
Добавьте в конфигурацию клиента сервер smart-drawio с командой npx и аргументами -y и @yunshenwuchuxun/smart-drawio-mcp@0.1.0. Нужен Node.js 20.9 или новее. Клиент сам запускает сервер и общается с ним через stdin и stdout.
Как поставить скилл smart-drawio?
Выполните npx skills add https://github.com/yunshenwuchuxun/smart-drawio-next/tree/tools-v0.1.0/skills/smart-drawio. Скилл распространяется файлами GitHub без отдельного npm-пакета, а ZIP-архив версии 0.1.0 лежит в релизе репозитория. Он использует модель самого агента.
Какие инструменты нужны для работы без ключа?
Четыре из пяти инструментов работают без модели: validate_drawio, repair_drawio, style_drawio и list_drawio_options. Ключ и адрес провайдера нужны только generate_drawio. Сервер возвращает несжатый XML для сохранения в файл .drawio.
Какие типы диаграмм умеет делать Smart Drawio?
Более двадцати, среди них блок-схема, интеллект-карта, оргдиаграмма, диаграмма последовательности, UML-классы, ER, диаграмма Ганта, сетевая топология, архитектурная схема, SWOT и диаграмма Венна. Тип можно указать явно или оставить на выбор модели.
Чем Smart Drawio отличается от других draw.io MCP?
Он собирает вместе сайт, скилл и сервер: XML генерируется и проверяется локально, а управления живым холстом или удаленной точки MCP нет. Для сквозной работы с открытым холстом draw.io есть другие серверы, а здесь упор на проверку, починку и стилизацию файла.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
MCP-серверыОфициальный MCP-сервер draw.io: агент строит диаграммы из XML или Mermaid и открывает их в редакторе draw.io
Next AI Draw.io: MCP-сервер и плагин, в которых агент рисует диаграммы draw.io на живом холсте в браузере, а вы правите их вручную
Плагин Codex перерисовывает научный рисунок по образцу на живом холсте draw.io шаг за шагом, затем проверяет файл и экспортирует PNG, SVG, PDF или JPG
Draw.io Skill
Draw.io Skill for Claude & Codex
Скиллы для диаграмм draw.io: архитектура, сети, блок-схемы, импорт из Terraform и кода, офлайн-генерация из YAML и экспорт в PNG и SVG
Скилл для редактируемых диаграмм draw.io из текста, кода, Terraform, Kubernetes, SQL и OpenAPI с экспортом и самопроверкой
Скилл рисует редакторские диаграммы как самостоятельные файлы HTML и SVG: архитектура, блок-схемы, ER, воронки и еще около сорока типов
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Авторизация | Звезды репозитория | Главное отличие |
|---|---|---|---|---|
| Smart Drawio (эта карточка) | нет | ключ необязателен | 367 | |
| Draw.io MCP Server | да | не нужна | 5 777 | MCP-сервер, где агент строит и правит диаграммы на живом холсте draw.io, со слоями и страницами |
| Draw.io Skill | нет | 299 | скиллы для draw.io: архитектура, сети, блок-схемы и импорт из Terraform | |
| Next AI Draw.io | нет | 36 724 | плагин и MCP-сервер, где агент рисует схемы draw.io на живом холсте |
Коротко о README
README представляет проект как генератор редактируемых диаграмм draw.io и сводит в таблицу три входа: сайт, скилл и MCP-сервер. Дальше идут установка скилла, настройка MCP с таблицей инструментов, примеры, поддерживаемые типы диаграмм, темы и системы постобработки, а также развертывание сайта и результаты тестов релиза.