react-flow - React Flow Guide for Interactive Node-Based UIs
Provides guidance for building, customizing, debugging, and optimizing interactive node-based UIs with React Flow (@xyflow/react v12+).
Tags
Updated: 2026-09-17Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Build interactive node-based UIs
- Create custom nodes and edges
- Manage graph state and connections
- Optimize graph rendering performance
- Debug React Flow canvas issues
- Integrate external layout libraries
Inputs
- React Flow code and configuration
- Node and edge specifications
Outputs
- React Flow code implementation
- Custom node and edge components
- Debugging and optimization recommendations
Requirements
- @xyflow/react v12+ package
- React development environment