Сервісів для створення діаграм багато. Mermaid, Graphviz і D2 самі вирішують, що де стоїть. Draw.io й Excalidraw дають повну свободу, ти сам тягаєш руками. reladraw лежить посередині: пишеш текст, а місце блока задаєш відносно інших.
node store "Database" right of app level with app→
npm install -g reladraw, на виході SVG→ є пісочниця в браузері та вебкомпонент
<reladraw-diagram> для сторінок→ для агента є скіл:
npx skills add reladraw/reladraw -gВерсія 0.15.1, автор попереджає, що синтаксис ще мінятиметься. Ліцензія Apache-2.0, залежностей нуль. Агентові легше правити «поклади праворуч», ніж перераховувати координати у великому XML. Для чітко структурованої схеми варто спробувати. Для швидкої блок-схеми - беріть Mermaid і не морочте собі голову.
https://github.com/reladraw/reladraw
📎 Читайте також:
→ Napkin - з діаграм до цілих презентацій
→ n8n Skills - 14 скілів, щоб агент не вигадував n8n
→ Arrow 2 - векторна графіка від QuiverAI
#діаграми #опенсорс #агенти