home/categories/frontend/openclaw-skills-skills-anderskev-react-flow-implementation-skill-md
frontenddevelopment

react-flow-implementation

Implements React Flow node-based UIs correctly using @xyflow/react. Use when building flow charts, diagrams, visual editors, or node-based applications with React. Covers nodes, edges, handles, custom components, state management, and viewport control.

openclaw
maintainer
openclaw
Mis à jour 3/27/2026
Étoiles
4001
Forks
1095
quick start

Installation and usage

Implements React Flow node-based UIs correctly using @xyflow/react. Use when building flow charts, diagrams, visual editors, or node-based applications with React. Covers nodes, edges, handles, custom components, state management, and viewport control.

Installation
$ install --globalskills.sh
Utilisation

Après l'installation, vous pouvez utiliser ce skill en exécutant la commande suivante dans votre terminal :

skills use react-flow-implementation