Build and fix interactive React Flow diagrams.
What it does
Guides building, debugging, and optimizing interactive node-based interfaces with React Flow.
When to use it
Use when writing React Flow code, customizing nodes or edges, debugging flows, or improving graph performance.
How to use it
It changes how the agent builds and modifies React Flow code by applying implementation rules and task-specific reference guidance.
What you provide
- An existing project
Uses
Latest review
What you need · 1
The guidance targets @xyflow/react v12+; check the project's installed version and lockfile before applying individual APIs.
Access · 2
This skill
https://reactflow.dev/llms.txt
Read
Consults React Flow documentation
https://github.com/xyflow/xyflow/releases
Read
Checks React Flow release notes