Expert guidance for React Flow (@xyflow/react): building interactive node-based graphs, custom nodes and edges, handles, state management, layouting, TypeScript patterns, performance optimization, and theming. Use when writing React Flow code, creating custom nodes or edges, debugging flow issues, optimizing graph performance, integrating with Zustand, or building canvas-based UIs with React Flow.
$npx -y skills add framara/react-flow-skill --skill react-flow-skillInstalls into the current project.
Run `npx skills use "https://github.com/framara/react-flow-skill" --skill "framara/react-flow-skill"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/framara/react-flow-skill" that are relevant to the current task. Run `npx skills add "https://github.com/framara/react-flow-skill"` and select the relevant skills, then follow their instructions.