Словами самого skill
Преобразует описание на английском языке или исходник Mermaid в триплет диаграммы: исходник Mermaid (.mmd), редактируемый файл Excalidraw (.excalidraw), открывающийся на excalidraw.com, и результаты рендеринга SVG + PNG. Рендеринг полностью офлайн через локальный loopback-сервер — использует браузер Aside, если он запущен, иначе собственный headless-браузер gstack.
Блок-схемы (graph LR/TD) и диаграммы последовательностей создают полностью редактируемые сцены Excalidraw с настоящими блоками, стрелками и текстом. Другие типы диаграмм Mermaid (state, class, gantt) рендерятся в SVG/PNG и экспортируются как единый элемент-изображение в файле Excalidraw — его можно перемещать и аннотировать, но не редактировать по элементам. Исходник Mermaid остаётся единственным источником истины для итераций.
Что он выдаёт
- Исходный файл Mermaid (.mmd), служащий удобным для LLM форматом обмена и единственным источником истины.
Как это работает
- 01Написание исходника Mermaid
Напишите Mermaid в соответствии с запросом пользователя. Предпочитайте graph LR для конвейеров/потоков и graph TD для иерархий.
- 02Разместите Render Bundle один раз за сессию
Разместите diagram-render.html в директории промежуточного хранения рендеринга gstack под ${TMPDIR:-/tmp}/gstack-render, адресуемой по содержимому через SHA бандла.
- 03Отрендерите триплет одной командой
Напишите файл .mmd, затем запустите gstack-render с размещённым бандлом.
- 04Показать и передать результат
Прочитать PNG инлайн, чтобы пользователь увидел диаграмму. Перечислить пути тройки файлов и отметить, что файл .excalidraw открывается на excalidraw.com для редактирования.