用途：该技能面向使用 React Flow 构建可定制节点编辑器与交互式图表的场景，覆盖核心概念、安装与常见模式。
主要能力：支持内置节点类型（input、default、output）与节点配置（位置、样式、拖拽、可选中、可连接、可删除、嵌套父节点等）；支持内置边类型（default、straight、step、smoothstep）及边配置（标签、样式、动画、箭头标记、交互宽度等）；提供 Handle 自定义连接点；提供 Background、Controls、MiniMap、Panel 等插件组件；支持节点与边的点击、双击、拖拽、选择变更等事件；可通过 useReactFlow 进行视口控制（zoomIn、zoomOut、fitView、setCenter、setViewport、getViewport）与节点操作（getNodes、setNodes、getNode、addNodes、deleteElements）；支持通过 toObject 保存状态并用 setNodes、setEdges、setViewport 恢复。
使用方式：安装命令为 npm install @xyflow/react、pnpm add @xyflow/react 或 yarn add @xyflow/react。基础用法需引入 ReactFlow、useNodesState、useEdgesState、addEdge 及样式文件 @xyflow/react/dist/style.css，在容器中渲染 ReactFlow 并传入 nodes、edges、onNodesChange、onEdgesChange、onConnect 等属性。使用 useReactFlow 相关功能时需包裹 ReactFlowProvider。
适用场景：工作流构建器、无代码编辑器、数据管道可视化、状态机图、聊天机器人对话流、组织架构图、电路图、ML 管道可视化、交互式决策树等。
限制：资料未提供收费、价格、平台兼容性、性能上限或具体版本要求等信息，暂未提供。