·react-flow-implementation
</>

react-flow-implementation

existential-birds/beagle

使用 @xyflow/react 正确实现基于 React Flow 节点的 UI。在使用 React 构建流程图、图表、可视化编辑器或基于节点的应用程序时使用。涵盖节点、边、手柄、自定义组件、状态管理和视口控制。

82安装·0热度·@existential-birds

安装

$npx skills add https://github.com/existential-birds/beagle --skill react-flow-implementation

SKILL.md

| nodrag | Prevent dragging when clicking element | | nowheel | Prevent zoom on wheel events | | nopan | Prevent panning from element | | nokey | Prevent keyboard events (use on inputs) |

See ADDITIONALCOMPONENTS.md for MiniMap, Controls, Background, NodeToolbar, NodeResizer.

使用 @xyflow/react 正确实现基于 React Flow 节点的 UI。在使用 React 构建流程图、图表、可视化编辑器或基于节点的应用程序时使用。涵盖节点、边、手柄、自定义组件、状态管理和视口控制。 来源:existential-birds/beagle。

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/existential-birds/beagle --skill react-flow-implementation 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用

查看原文

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/existential-birds/beagle --skill react-flow-implementation
分类
</>开发工具
认证
收录时间
2026-02-01
更新时间
2026-02-18

快速解答

什么是 react-flow-implementation?

使用 @xyflow/react 正确实现基于 React Flow 节点的 UI。在使用 React 构建流程图、图表、可视化编辑器或基于节点的应用程序时使用。涵盖节点、边、手柄、自定义组件、状态管理和视口控制。 来源:existential-birds/beagle。

如何安装 react-flow-implementation?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/existential-birds/beagle --skill react-flow-implementation 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用

这个 Skill 的源码在哪?

https://github.com/existential-birds/beagle