react-flow-usage
✓Umfassende React Flow (@xyflow/react)-Muster und Best Practices zum Erstellen knotenbasierter Benutzeroberflächen, Workflow-Editoren und interaktiver Diagramme. Verwenden Sie es, wenn Sie mit React Flow arbeiten, um (1) Flusseditoren oder knotenbasierte Schnittstellen zu erstellen, (2) benutzerdefinierte Knoten und Kanten zu erstellen, (3) Drag-and-Drop-Workflows zu implementieren, (4) die Leistung für große Diagramme zu optimieren, (5) Flussstatus und Interaktionen zu verwalten, (6) automatisches Layout oder Positionierung zu implementieren oder (7) TypeScript-Integration mit React Flow.
Installation
SKILL.md
Comprehensive patterns and best practices for building production-ready node-based UIs with React Flow (@xyflow/react v12+).
| 1 | Setup & Configuration | CRITICAL | setup- | | 2 | Performance Optimization | CRITICAL | perf- | | 3 | Node Patterns | HIGH | node- | | 4 | Edge Patterns | HIGH | edge- | | 5 | State Management | HIGH | state- | | 6 | Hooks Usage | MEDIUM | hook- | | 7 | Layout & Positioning | MEDIUM | layout- | | 8 | Interaction Patterns | MEDIUM | interaction- |
| 9 | TypeScript Integration | MEDIUM | typescript- |
Umfassende React Flow (@xyflow/react)-Muster und Best Practices zum Erstellen knotenbasierter Benutzeroberflächen, Workflow-Editoren und interaktiver Diagramme. Verwenden Sie es, wenn Sie mit React Flow arbeiten, um (1) Flusseditoren oder knotenbasierte Schnittstellen zu erstellen, (2) benutzerdefinierte Knoten und Kanten zu erstellen, (3) Drag-and-Drop-Workflows zu implementieren, (4) die Leistung für große Diagramme zu optimieren, (5) Flussstatus und Interaktionen zu verwalten, (6) automatisches Layout oder Positionierung zu implementieren oder (7) TypeScript-Integration mit React Flow. Quelle: thedogwiththedataonit/react-flow.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/thedogwiththedataonit/react-flow --skill react-flow-usage- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist react-flow-usage?
Umfassende React Flow (@xyflow/react)-Muster und Best Practices zum Erstellen knotenbasierter Benutzeroberflächen, Workflow-Editoren und interaktiver Diagramme. Verwenden Sie es, wenn Sie mit React Flow arbeiten, um (1) Flusseditoren oder knotenbasierte Schnittstellen zu erstellen, (2) benutzerdefinierte Knoten und Kanten zu erstellen, (3) Drag-and-Drop-Workflows zu implementieren, (4) die Leistung für große Diagramme zu optimieren, (5) Flussstatus und Interaktionen zu verwalten, (6) automatisches Layout oder Positionierung zu implementieren oder (7) TypeScript-Integration mit React Flow. Quelle: thedogwiththedataonit/react-flow.
Wie installiere ich react-flow-usage?
Ö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/thedogwiththedataonit/react-flow --skill react-flow-usage 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/thedogwiththedataonit/react-flow
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01