skills.homes logoskills.homescapability registry
home/categories/frontend/existential-birds-beagle-skills-dagre-react-flow-skill-md
cd ..
frontenddevelopment

dagre-react-flow

Automatic graph layout using dagre with React Flow (@xyflow/react). Use when implementing auto-layout, hierarchical layouts, tree structures, or arranging nodes programmatically. Triggers on dagre, auto-layout, automatic layout, getLayoutedElements, rankdir, hierarchical graph.

ソースを表示frontend
existential-birds
maintainer
existential-birds
更新日 1/14/2026
スター
9
フォーク
1
quick start

Installation and usage

Automatic graph layout using dagre with React Flow (@xyflow/react). Use when implementing auto-layout, hierarchical layouts, tree structures, or arranging nodes programmatically. Triggers on dagre, auto-layout, automatic layout, getLayoutedElements, rankdir, hierarchical graph.

インストール
$ install --globalskills.sh
使い方

インストール後、ターミナルで以下のコマンドを実行してこのスキルを使用できます：

skills use dagre-react-flow