·react-flow-architecture
</>

react-flow-architecture

existential-birds/beagle

Conseils architecturaux pour la création d'interfaces utilisateur basées sur des nœuds avec React Flow. À utiliser lors de la conception d'applications basées sur des flux, lors de la prise de décisions concernant la gestion de l'état, les modèles d'intégration ou pour évaluer si React Flow correspond à un cas d'utilisation.

98Installations·4Tendance·@existential-birds

Installation

$npx skills add https://github.com/existential-birds/beagle --skill react-flow-architecture

SKILL.md

Implication: Core logic is framework-agnostic. When contributing or debugging, check if issue is in @xyflow/system or framework-specific package.

Pros: Simple, minimal boilerplate Cons: State isolated to component tree

Pros: State accessible anywhere, easier persistence/sync Cons: More setup, need careful selector optimization

Conseils architecturaux pour la création d'interfaces utilisateur basées sur des nœuds avec React Flow. À utiliser lors de la conception d'applications basées sur des flux, lors de la prise de décisions concernant la gestion de l'état, les modèles d'intégration ou pour évaluer si React Flow correspond à un cas d'utilisation. Source : existential-birds/beagle.

Voir l'original

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-architecture
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-architecture ?

Conseils architecturaux pour la création d'interfaces utilisateur basées sur des nœuds avec React Flow. À utiliser lors de la conception d'applications basées sur des flux, lors de la prise de décisions concernant la gestion de l'état, les modèles d'intégration ou pour évaluer si React Flow correspond à un cas d'utilisation. Source : existential-birds/beagle.

Comment installer react-flow-architecture ?

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-architecture 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