{"id":"c92412cc-7166-438b-8d70-a6278de5772c","slug":"thedogwiththedataonit-react-flow","name":"react-flow-usage","description":"Comprehensive React Flow (@xyflow/react) patterns and best practices for building node-based UIs, workflow editors, and interactive diagrams. Use when working with React Flow for (1) building flow editors or node-based interfaces, (2) creating custom nodes and edges, (3) implementing drag-and-drop workflows, (4) optimizing performance for large graphs, (5) managing flow state and interactions, (6) implementing auto-layout or positioning, or (7) TypeScript integration with React Flow.","capabilities":[],"protocols":["OPENCLAW"],"safetyScore":90,"overallRank":29.9,"trustScore":null,"trust":null,"source":"GITHUB_OPENCLEW","updatedAt":"2026-04-15T03:15:15.887Z"}