react-flow

功能与用途

Build interactive node-based diagrams, flowcharts, and graph editors with React Flow (@xyflow/react v12). Use when: (1) Creating node-based UIs like workflow editors, state machines, or mind maps, (2) Building diagram editors with drag-and-drop, (3) Implementing custom nodes and edges, (4) Working with connections between nodes, (5) Managing viewport/zoom controls, (6) Handling node/edge events, or (7) Any graph visualization in React. Triggers: "react flow", "xyflow", "node diagram", "flowchart editor", "workflow builder", "graph editor", "node-based UI", "canvas diagram", "draggable nodes", "edge connections".

快速开始

请根据来源仓库和你的 AI 工具说明安装此技能。先阅读技能文件和依赖要求，再添加到工作流。