skills.homes logoskills.homescapability registry
home/categories/frontend/shep-ai-shep-claude-skills-react-flow-skill-md
cd ..
frontenddevelopment

react-flow

React Flow (@xyflow/react) for workflow visualization with custom nodes and edges. Use when building graph visualizations, creating custom workflow nodes, implementing edge labels, or controlling viewport. Triggers on ReactFlow, @xyflow/react, Handle, NodeProps, EdgeProps, useReactFlow, fitView.

View Sourcefrontend
shep-ai
maintainer
shep-ai
Updated 2/16/2026
Stars
125
Forks
11
quick start

Installation and usage

React Flow (@xyflow/react) for workflow visualization with custom nodes and edges. Use when building graph visualizations, creating custom workflow nodes, implementing edge labels, or controlling viewport. Triggers on ReactFlow, @xyflow/react, Handle, NodeProps, EdgeProps, useReactFlow, fitView.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use react-flow