Главная · Скиллы · excalidraw-diagram-generator

excalidraw-diagram-generatorOfficialгенератор диаграмм Excalidraw GitHub

github/awesome-copilot

Генератор диаграмм Excalidraw.

Установка

npx -y skills add github/awesome-copilot --skill excalidraw-diagram-generator --agent claude-code

Excalidraw Diagram Generator

Генерация диаграмм в формате Excalidraw по описанию на естественном языке. Создаёт визуальные представления процессов, систем, связей и идей без ручного рисования. Результат — файлы .excalidraw (JSON), которые открываются напрямую в Excalidraw.

Когда использовать

  • «Создай диаграмму, показывающую...»
  • «Сделай блок-схему для...»
  • «Визуализируй процесс...»
  • «Нарисуй архитектуру системы...»
  • «Сгенерируй mind map по теме...»
  • «Создай Excalidraw-файл для...»
  • «Покажи связи между...»
  • «Диаграмма рабочего процесса...»

Поддерживаемые типы диаграмм

ТипОписание
Блок-схемы (Flowcharts)Последовательные процессы, воркфлоу, деревья решений
Диаграммы связейСвязи сущностей, компоненты системы, зависимости
Mind MapsИерархии концептов, результаты брейншторма, организация тем
Архитектурные диаграммыДизайн систем, взаимодействие модулей, поток данных
DFD (Data Flow Diagrams)Визуализация и трансформация потоков данных
Swimlane (Business Flow)Кросс-функциональные процессы с дорожками

Рабочий процесс

  1. Уточнить тип диаграммы и основные элементы у пользователя
  2. Спроектировать структуру: узлы, связи, метки
  3. Сгенерировать валидный JSON формата .excalidraw
  4. Сохранить в файл: diagram.excalidraw
  5. Сообщить пользователю — файл готов к открытию в Excalidraw

Формат вывода

Файл .excalidraw содержит JSON-структуру с полями elements и appState. Каждый элемент — прямоугольник, стрелка, текст или ромб — описывается координатами, размерами, стилем и связями. Файл открывается в excalidraw.com или в локальном приложении Excalidraw.

Поддерживаемые типы элементов

  • rectangle — прямоугольники (процессы, компоненты)
  • diamond — ромбы (решения)
  • ellipse — эллипсы (начало/конец)
  • arrow — стрелки (связи, потоки)
  • text — текстовые метки

Из того же репозитория