qwwiwi/excalidraw/excalidraw

Excalidraw Skill

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

Используй этот скилл, когда пользователь просит:

• «нарисуй схему»
• «визуализация»
• «excalidraw»
• «майнд-карта» / «mind map»
• «pipeline схема»
• «flowchart»

Что делает

• Генерирует валидный .excalidraw JSON (Excalidraw v2)
• Строит схемы трёх типов:

1. pipeline -- вертикальный flow по этапам
2. mindmap -- радиальная карта от центра
3. flowchart -- произвольный граф по узлам/связям

• Экспортирует файл, который можно сразу открыть на excalidraw.com

Скрипт

./scripts/excalidraw_gen.py

Входные данные

Скрипт принимает JSON через:

1. stdin
2. --input schema.json

Выход

• В stdout (по умолчанию)
• Или в файл через --output result.excalidraw

Дефолтные стандарты визуализации

• fontFamily: 1 (Hand-drawn)
• fontSize: 18 (блоки), 20 (заголовки этапов), 28 (главный заголовок)
• roughness: 0
• strokeWidth: 2
• roundness: { type: 3 } для прямоугольников
• Фон: #ffffff
• Стрелки: #495057

Цвета по типу

• research -- bg #e3f2fd, stroke #1565c0
• analysis -- bg #ede7f6, stroke #6a1b9a
• review -- bg #fff3e0, stroke #e65100
• final / factcheck -- bg #e8f5e9, stroke #2e7d32
• input -- bg #ffebee, stroke #d32f2f
• fallback: нейтральный default

Формат pipeline JSON

{
  "title": "Pipeline название",
  "type": "pipeline",
  "stages": [
    {
      "label": "1. ЗАПРОС",
      "color": "input",
      "blocks": [{"text": "Новость\nПост\nВопрос"}]
    },
    {
      "label": "2. РЕСЁРЧ",
      "subtitle": "параллельно",
      "color": "research",
      "blocks": [
        {"text": "Grok\nВеб-поиск"},
        {"text": "Kimi\nДоп. источники"},
        {"text": "Opus\nГлубокий анализ", "color": "analysis"}
      ]
    }
  ]
}

Команды

Через stdin:

echo '{"title":"Test","type":"pipeline","stages":[{"label":"1. ЗАПРОС","color":"input","blocks":[{"text":"Новость"}]}]}' | python3 scripts/excalidraw_gen.py > output.excalidraw

Через файлы:

python3 scripts/excalidraw_gen.py --input schema.json --output result.excalidraw

Нюансы

• pipeline: авто-раскладка сверху вниз, стрелки между этапами и к блокам этапа
• mindmap: центр = title, ветви = nodes[]
• flowchart: используй nodes[] с координатами (x,y) и edges[] (from,to)
• Если тип цвета не распознан, применяется default