Community图像github.com

existential-birds/react-flow

React Flow (@xyflow/react) 用于工作流可视化,支持自定义节点和边。适用于构建图形可视化、创建自定义工作流节点、实现边标签或控制视口。

react-flow 是什么?

该技能基于 React Flow (@xyflow/react) 库,专注于工作流和图形可视化。它允许开发者构建复杂的节点-边图,支持自定义节点类型、边标签和视口控制。技能触发条件包括 ReactFlow、@xyflow/react、Handle、NodeProps、EdgeProps、useReactFlow 和 fitView 等关键 API。这对于需要设计动态工作流编辑器、流程图或拓扑图的 AI 代理非常有用,特别是在 React 生态系统中。通过封装 @xyflow/react 的核心功能,该技能简化了交互式图形界面的实现,同时保持高度的可定制性。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/existential-birds/beagle/tree/main/skills/react-flow

Installed? Explore more 图像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

react-flow 是做什么的?

React Flow (@xyflow/react) 用于工作流可视化,支持自定义节点和边。适用于构建图形可视化、创建自定义工作流节点、实现边标签或控制视口。触发条件包括 ReactFlow、@xyflow/react、Handle、NodeProps、EdgeProps、useReactFlow、fitView。

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

相关技能