skills.homes logoskills.homescapability registry
home/categories/frontend/openclaw-skills-skills-anderskev-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.

View Sourcefrontend
openclaw
maintainer
openclaw
Updated 3/27/2026
Stars
4001
Forks
1095
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.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use dagre-react-flow