📦 React Flow — 基于 @xyflow/react 的工作流可视化
v1.1.0React Flow 是一个用于构建节点图、工作流编辑器和交互式图表的库。它提供了一个高度可定制的框架，用于创建视觉编程界面、流程图和网络可视化。该技能提供了如何使用 @xyflow/react 库的详细文档，涵盖安装、设置、核心概念、自定义节点和边、交互式标签、程序化视口控制等方面的指导。
0· 85·1 当前·1 累计
by 安全扫描
OpenClaw
安全
high confidence此技能仅包含使用 React Flow 库的文档和指示，声明的要求和指示与此目的一致，不请求额外凭据或执行隐藏安装。
评估建议
此技能似乎是关于使用 React Flow 库的文档，内部一致。安装示例前，请在 npm/pnpm 包注册表上验证上游包 (@xyflow/react)，因为元数据显示 '源: 未知' 和没有主页 — 确认包名、维护者、许可证和完整性（签名/校验和）以避免安装恶意或伪造包。否则，技能本身不请求凭据或执行隐藏操作。...详细分析 ▾
✓ 用途与能力
名称、描述和 SKILL.md 都描述了使用 @xyflow/react 创建节点/边可视化。
✓ 指令范围
SKILL.md 和参考文件是 React Flow API 和事件钩子的代码示例和使用指南。
✓ 安装机制
没有包含安装规格（仅指令）。
✓ 凭证需求
技能不请求环境变量、凭据或配置路径。
✓ 持久化与权限
always 为 false，技能是用户可调用；它不请求永久存在或系统范围的配置。
安全有层次，运行前请审查代码。
运行时依赖
无特殊依赖
版本
latestv1.1.02026/3/27
["添加了对 React Flow (@xyflow/react) 的全面文档，涵盖安装、设置和核心概念。","引入了创建节点、边和句柄的清晰示例，包括 TypeScript 使用。","记录了高级功能：自定义节点/边、交互式标签和程序化视口控制。","包含了状态管理、动态更新和 React Flow Hooks 的使用模式。","链接了详细的自定义参考和特定模式。"]
● 无害
安装命令
点击复制官方npx clawhub@latest install react-flow
镜像加速npx clawhub@latest install react-flow --registry https://cn.longxiaskill.com
技能文档
（由于原始内容过长，以下为简略版，保留关键结构和代码块）
name: react-flow description: React Flow (@xyflow/react) for workflow visualization...
# React Flow ...（核心概念、快速开始、自定义节点、边等）
// 示例代码保持不变
import { ReactFlow, Node, Edge, ... } from '@xyflow/react';
...