react-flow
✓React Flow (@xyflow/react) pour la visualisation du flux de travail avec des nœuds et des bords personnalisés. À utiliser lors de la création de visualisations graphiques, de la création de nœuds de flux de travail personnalisés, de l'implémentation d'étiquettes de bord ou du contrôle de la fenêtre d'affichage. Déclencheurs sur ReactFlow, @xyflow/react, Handle, NodeProps, EdgeProps, useReactFlow, fitView.
Installation
SKILL.md
React Flow (@xyflow/react) is a library for building node-based graphs, workflow editors, and interactive diagrams. It provides a highly customizable framework for creating visual programming interfaces, process flows, and network visualizations.
Nodes are the building blocks of the graph. Each node has:
Handles are connection points on nodes. Use Position enum for placement:
React Flow (@xyflow/react) pour la visualisation du flux de travail avec des nœuds et des bords personnalisés. À utiliser lors de la création de visualisations graphiques, de la création de nœuds de flux de travail personnalisés, de l'implémentation d'étiquettes de bord ou du contrôle de la fenêtre d'affichage. Déclencheurs sur ReactFlow, @xyflow/react, Handle, NodeProps, EdgeProps, useReactFlow, fitView. 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 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 react-flow ?
React Flow (@xyflow/react) pour la visualisation du flux de travail avec des nœuds et des bords personnalisés. À utiliser lors de la création de visualisations graphiques, de la création de nœuds de flux de travail personnalisés, de l'implémentation d'étiquettes de bord ou du contrôle de la fenêtre d'affichage. Déclencheurs sur ReactFlow, @xyflow/react, Handle, NodeProps, EdgeProps, useReactFlow, fitView. Source : existential-birds/beagle.
Comment installer 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 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