Превращает любой репозиторий GitHub в интерактивную архитектурную диаграмму или минутный видеообзор с озвучкой; для AI-агентов доступен MCP-сервер.
DayuanJiang/next-ai-draw-io
Веб-приложение, десктопное приложение и MCP-инструмент для создания и редактирования диаграмм draw.io по запросам на естественном языке с помощью AI-модели.
Open source альтернатива:Lucidchart
- Звёзды
- 36,331
- Форки
- 3,848
- Открытые issues
- 38
- Последний коммит
- вчера
Что это?
Next AI Draw.io позволяет описать диаграмму обычным языком и поручить AI-модели нарисовать её прямо на холсте draw.io. Диаграмму также можно редактировать вручную, как любой файл draw.io, или выделить фигуры и попросить AI изменить только их. Каждое изменение от AI сохраняется как версия: её можно сравнить с другими, восстановить или отменить. Диаграммы экспортируются в .drawio, .png и .svg.
Проект доступен как веб-приложение, десктопное приложение для Windows, macOS и Linux и MCP-сервер, с помощью которого агенты вроде Claude Code, Cursor и VS Code могут создавать диаграммы. Поддерживаются 25 провайдеров моделей, включая Bedrock, OpenAI, Anthropic, Ollama и любые совместимые с OpenAI endpoint’ы; API-ключи хранятся в браузере. Проект можно запустить самостоятельно локально, на Vercel, Cloudflare Workers или Docker, а также развернуть в офлайн-среде.
Ключевые возможности
- 01Создаёт архитектурные диаграммы, блок-схемы и диаграммы последовательностей по текстовому описанию; доступны библиотеки иконок AWS, Azure, GCP и Kubernetes.
- 02Редактирует существующие диаграммы в чате и подсвечивает фигуры, изменённые AI.
- 03Позволяет AI изменять только выбранные на холсте фигуры.
- 04Хранит историю версий изменений от AI с миниатюрами, возможностью сравнения, восстановления и отмены.
- 05Экспортирует диаграммы в .drawio, .png, .svg и .drawio.svg.
- 06Работает как веб-приложение, десктопное приложение или MCP-сервер для Claude Code, Cursor и VS Code.
Сценарии использования
- Набросать диаграмму облачной архитектуры по текстовому описанию во время обсуждения дизайна.
- Преобразовать скриншот или набросок в редактируемую диаграмму draw.io.
- Поручить AI-агенту для написания кода создавать и проверять диаграммы прямо во время работы в редакторе.
- Создавать диаграммы с помощью локальной модели через Ollama для работы офлайн или во внутренней сети.
Быстрый старт
- 1
Клонируйте репозиторий
git clone https://github.com/DayuanJiang/next-ai-draw-io - 2
Перейдите в папку проекта
cd next-ai-draw-io - 3
Установите зависимости
npm install - 4
Скопируйте env-файл и добавьте провайдера и API-ключ, затем запустите сервер разработки и откройте localhost:6002
cp env.example .env.local
Что важно знать
- Небольшие модели часто создают некорректные диаграммы, поэтому нужна достаточно мощная модель.
- Чтобы запустить проект самостоятельно, нужно настроить провайдера модели и API-ключ.
Темы
Частые вопросы
- Что такое next-ai-draw-io?
- Веб-приложение, десктопное приложение и MCP-инструмент для создания и редактирования диаграмм draw.io по запросам на естественном языке с помощью AI-модели. Next AI Draw.io позволяет описать диаграмму обычным языком и поручить AI-модели нарисовать её прямо на холсте draw.io. Диаграмму также можно редактировать вручную, как любой файл draw.io, или выделить фигуры и попросить AI изменить только их. Каждое изменение от AI сохраняется как версия: её можно сравнить с другими, восстановить или отменить. Диаграммы экспортируются в .drawio, .png и .svg.
- next-ai-draw-io можно использовать бесплатно? Какая у него лицензия?
- next-ai-draw-io распространяется с открытым исходным кодом под лицензией Apache-2.0. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- next-ai-draw-io всё ещё поддерживается?
- Активно поддерживается. Последний коммит в next-ai-draw-io — 19 окт. 2026 г..
- Для чего можно использовать next-ai-draw-io?
- Набросать диаграмму облачной архитектуры по текстовому описанию во время обсуждения дизайна. Преобразовать скриншот или набросок в редактируемую диаграмму draw.io. Поручить AI-агенту для написания кода создавать и проверять диаграммы прямо во время работы в редакторе. Создавать диаграммы с помощью локальной модели через Ollama для работы офлайн или во внутренней сети.
- Как установить next-ai-draw-io?
- Клонируйте репозиторий: git clone https://github.com/DayuanJiang/next-ai-draw-io Перейдите в папку проекта: cd next-ai-draw-io Установите зависимости: npm install Скопируйте env-файл и добавьте провайдера и API-ключ, затем запустите сервер разработки и откройте localhost:6002: cp env.example .env.local
- Где скачать next-ai-draw-io?
- Исходный код и инструкции по установке — на GitHub: https://github.com/DayuanJiang/next-ai-draw-io
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Навык для AI-агентов, который превращает идеи, планы и кодовые базы в интерактивные HTML-диаграммы для Claude Code, Codex, Cursor и OpenCode.
Поддерживаемая сообществом библиотека промптов для AI-чатов с сайтом, датасетами CSV и Hugging Face, CLI и интеграцией с MCP-сервером.
LobeHub объединяет AI-агентов в постоянно работающие команды, которые можно нанимать, планировать их работу и оценивать результаты в одном месте.
TypeScript-фреймворк для создания AI-агентов и приложений на базе LLM с workflows, инструментами, памятью, MCP-серверами и evals.
Индексирует многоязычные кодовые базы в граф знаний, чтобы через AI-агента или MCP-сервер искать, изучать и редактировать код на обычном английском.