dagre-react-flow
✓Disposition automatique des graphiques à l'aide de Dagre avec React Flow (@xyflow/react). À utiliser lors de l'implémentation de la mise en page automatique, des mises en page hiérarchiques, des structures arborescentes ou de l'organisation des nœuds par programme. Déclencheurs sur Dagre, mise en page automatique, mise en page automatique, getLayoutedElements, Rankdir, graphique hiérarchique.
Installation
SKILL.md
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.
Disposition automatique des graphiques à l'aide de Dagre avec React Flow (@xyflow/react). À utiliser lors de l'implémentation de la mise en page automatique, des mises en page hiérarchiques, des structures arborescentes ou de l'organisation des nœuds par programme. Déclencheurs sur Dagre, mise en page automatique, mise en page automatique, getLayoutedElements, Rankdir, graphique hiérarchique. Source : existential-birds/beagle.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/existential-birds/beagle --skill dagre-react-flow- Source
- existential-birds/beagle
- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que dagre-react-flow ?
Disposition automatique des graphiques à l'aide de Dagre avec React Flow (@xyflow/react). À utiliser lors de l'implémentation de la mise en page automatique, des mises en page hiérarchiques, des structures arborescentes ou de l'organisation des nœuds par programme. Déclencheurs sur Dagre, mise en page automatique, mise en page automatique, getLayoutedElements, Rankdir, graphique hiérarchique. Source : existential-birds/beagle.
Comment installer dagre-react-flow ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/existential-birds/beagle --skill dagre-react-flow Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/existential-birds/beagle
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01