react-flow-implementation
✓Implémente correctement les interfaces utilisateur basées sur les nœuds React Flow à l'aide de @xyflow/react. À utiliser lors de la création d'organigrammes, de diagrammes, d'éditeurs visuels ou d'applications basées sur des nœuds avec React. Couvre les nœuds, les bords, les poignées, les composants personnalisés, la gestion des états et le contrôle des fenêtres.
Installation
SKILL.md
| nodrag | Prevent dragging when clicking element | | nowheel | Prevent zoom on wheel events | | nopan | Prevent panning from element | | nokey | Prevent keyboard events (use on inputs) |
See ADDITIONALCOMPONENTS.md for MiniMap, Controls, Background, NodeToolbar, NodeResizer.
Implémente correctement les interfaces utilisateur basées sur les nœuds React Flow à l'aide de @xyflow/react. À utiliser lors de la création d'organigrammes, de diagrammes, d'éditeurs visuels ou d'applications basées sur des nœuds avec React. Couvre les nœuds, les bords, les poignées, les composants personnalisés, la gestion des états et le contrôle des fenêtres. Source : existential-birds/beagle.
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 react-flow-implementation Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
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 react-flow-implementation- 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 react-flow-implementation ?
Implémente correctement les interfaces utilisateur basées sur les nœuds React Flow à l'aide de @xyflow/react. À utiliser lors de la création d'organigrammes, de diagrammes, d'éditeurs visuels ou d'applications basées sur des nœuds avec React. Couvre les nœuds, les bords, les poignées, les composants personnalisés, la gestion des états et le contrôle des fenêtres. Source : existential-birds/beagle.
Comment installer react-flow-implementation ?
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 react-flow-implementation 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