LogoClawIndex
案例技能关于
LogoClawIndex

react-flow - React Flow 交互式节点 UI 构建指南

提供使用 React Flow (@xyflow/react v12+) 构建、自定义、调试和优化交互式节点 UI 的指导。

标签

更新于: 2026-09-17
react-flowxyflowreact节点图UI画布

能力

典型输入

典型输出

该技能可以做什么

  • 构建交互式节点 UI
  • 创建自定义节点和边
  • 管理图状态与连接
  • 优化图渲染性能
  • 调试 React Flow 画布问题
  • 集成外部布局库

输入

  • React Flow 代码与配置
  • 节点与边规范

输出

  • React Flow 代码实现
  • 自定义节点与边组件
  • 调试与优化建议

要求

  • @xyflow/react v12+ 软件包
  • React 开发环境

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
构建交互式节点 UI
创建自定义节点和边
管理图状态与连接
优化图渲染性能
React Flow 代码与配置
节点与边规范
React Flow 代码实现
自定义节点与边组件
调试与优化建议