dagre-react-flow
✓Automatisches Diagrammlayout mithilfe von Dagre mit React Flow (@xyflow/react). Verwenden Sie diese Option, wenn Sie automatisches Layout, hierarchische Layouts, Baumstrukturen implementieren oder Knoten programmgesteuert anordnen. Löst auf Dagre, Auto-Layout, automatischem Layout, getLayoutedElements, Rankdir und hierarchischem Diagramm aus.
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.
Automatisches Diagrammlayout mithilfe von Dagre mit React Flow (@xyflow/react). Verwenden Sie diese Option, wenn Sie automatisches Layout, hierarchische Layouts, Baumstrukturen implementieren oder Knoten programmgesteuert anordnen. Löst auf Dagre, Auto-Layout, automatischem Layout, getLayoutedElements, Rankdir und hierarchischem Diagramm aus. Quelle: existential-birds/beagle.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/existential-birds/beagle --skill dagre-react-flow- Quelle
- existential-birds/beagle
- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist dagre-react-flow?
Automatisches Diagrammlayout mithilfe von Dagre mit React Flow (@xyflow/react). Verwenden Sie diese Option, wenn Sie automatisches Layout, hierarchische Layouts, Baumstrukturen implementieren oder Knoten programmgesteuert anordnen. Löst auf Dagre, Auto-Layout, automatischem Layout, getLayoutedElements, Rankdir und hierarchischem Diagramm aus. Quelle: existential-birds/beagle.
Wie installiere ich dagre-react-flow?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/existential-birds/beagle --skill dagre-react-flow Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/existential-birds/beagle
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01