Автоматическая компоновка графиков с использованием dagre с React Flow (@xyflow/react). Используйте при реализации автоматического макета, иерархических макетов, древовидных структур или программного расположения узлов. Триггеры по dagre, автоматическая компоновка, автоматическая компоновка, getLayoutedElements, Rankdir, иерархический график.
Быстро установите AI-навык dagre-react-flow в вашу среду разработки через командную строку
Источник: existential-birds/beagle.
Dagre is a JavaScript library for laying out directed graphs. It computes optimal node positions for hierarchical/tree layouts. React Flow handles rendering; dagre handles positioning.
| TB | Top to Bottom | Org charts, decision trees | | BT | Bottom to Top | Dependency graphs (deps at bottom) | | LR | Left to Right | Timelines, horizontal flows | | RL | Right to Left | RTL layouts |
weight: Higher weight edges are prioritized for shorter, more direct paths.
Автоматическая компоновка графиков с использованием dagre с React Flow (@xyflow/react). Используйте при реализации автоматического макета, иерархических макетов, древовидных структур или программного расположения узлов. Триггеры по dagre, автоматическая компоновка, автоматическая компоновка, getLayoutedElements, Rankdir, иерархический график. Источник: existential-birds/beagle.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/existential-birds/beagle --skill dagre-react-flowАвтоматическая компоновка графиков с использованием dagre с React Flow (@xyflow/react). Используйте при реализации автоматического макета, иерархических макетов, древовидных структур или программного расположения узлов. Триггеры по dagre, автоматическая компоновка, автоматическая компоновка, getLayoutedElements, Rankdir, иерархический график. Источник: existential-birds/beagle.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/existential-birds/beagle --skill dagre-react-flow После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/existential-birds/beagle