This is expert guidance for building interactive node-based UIs with React Flow v12+. It covers the whole spectrum: basic setup, custom nodes and edges, state management with Zustand, TypeScript patterns, layout integration with dagre or elkjs, and advanced patterns like undo/redo and computed flows. The skill enforces the actual React Flow team's recommendations, like always using custom nodes over built-in ones and defining node types outside component bodies to prevent re-render hell. Strong focus on the common gotchas that waste hours: blank canvases from missing container heights, edges that don't connect because handles use display none instead of opacity zero, and Zustand context warnings from duplicate package versions. If you're building flowcharts, diagrams, or any canvas-based tool in React, this cuts through the trial and error.
npx skills add https://github.com/framara/react-flow-skill --skill react-flow