Layout grafico automatico utilizzando dagre con React Flow (@xyflow/react). Da utilizzare durante l'implementazione del layout automatico, dei layout gerarchici, delle strutture ad albero o della disposizione dei nodi a livello di codice. Trigger su dagre, layout automatico, layout automatico, getLayoutedElements, rankingdir, grafico gerarchico.
Installa rapidamente la skill AI dagre-react-flow nel tuo ambiente di sviluppo tramite riga di comando
Fonte: 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.
Layout grafico automatico utilizzando dagre con React Flow (@xyflow/react). Da utilizzare durante l'implementazione del layout automatico, dei layout gerarchici, delle strutture ad albero o della disposizione dei nodi a livello di codice. Trigger su dagre, layout automatico, layout automatico, getLayoutedElements, rankingdir, grafico gerarchico. Fonte: existential-birds/beagle.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/existential-birds/beagle --skill dagre-react-flowLayout grafico automatico utilizzando dagre con React Flow (@xyflow/react). Da utilizzare durante l'implementazione del layout automatico, dei layout gerarchici, delle strutture ad albero o della disposizione dei nodi a livello di codice. Trigger su dagre, layout automatico, layout automatico, getLayoutedElements, rankingdir, grafico gerarchico. Fonte: existential-birds/beagle.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/existential-birds/beagle --skill dagre-react-flow Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/existential-birds/beagle