GitHub-радар

Как превратить описание системы в анимированную схему для статьи

Инструмент превращает текстовое описание системы в готовую схему: редактируемую версию, картинку и анимированный GIF с движущимися точками. Получаешь визуал для статьи или презентации без дизайнера.

Программа на Python читает файл с описанием архитектуры (JSON) и рисует схему — редактируемую версию, картинку и анимированный GIF с движущимися точками на линиях связи.

Когда пригодится

Пригодится для технической статьи или презентации, если обычная схема из прямоугольников и стрелок выглядит слишком плоско. Не нужен, если такие схемы не делаешь.

Плюсы

  • Работает полностью на твоём компьютере, бесплатно
  • Результат остаётся редактируемым после генерации
  • Не требует мощного железа или видеокарты
  • Сразу получаешь картинку и анимированный GIF

Минусы

  • Описание схемы нужно вручную прописывать в JSON-файле
  • Готового визуального редактора для рисования схемы нет

Как поставить — по шагам

  1. 1Скачай репозиторий по адресу https://github.com/cclank/lanshu-animated-architecture-diagram.
  2. 2Установи зависимости командой `pip install -r requirements.txt`.
  3. 3Запусти пример схемы: `python3 scripts/render_animated_diagram.py --spec assets/default-spec.json --outdir outputs --verify`.
  4. 4Открой папку outputs и проверь получившиеся PNG и GIF.
  5. 5Открой агента (Claude Code или Codex) в папке проекта и попроси описать твою систему в JSON-файле по образцу assets/default-spec.json.
  6. 6Запусти рендер с новым файлом и проверь результат в папке outputs.
Открыть на GitHub