·react-flow-architecture
</>

react-flow-architecture

existential-birds/beagle

使用 React Flow 构建基于节点的 UI 的架构指南。在设计基于流的应用程序、做出有关状态管理、集成模式的决策或评估 React Flow 是否适合用例时使用。

98安装·4热度·@existential-birds

安装

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

SKILL.md

Implication: Core logic is framework-agnostic. When contributing or debugging, check if issue is in @xyflow/system or framework-specific package.

Pros: Simple, minimal boilerplate Cons: State isolated to component tree

Pros: State accessible anywhere, easier persistence/sync Cons: More setup, need careful selector optimization

使用 React Flow 构建基于节点的 UI 的架构指南。在设计基于流的应用程序、做出有关状态管理、集成模式的决策或评估 React Flow 是否适合用例时使用。 来源:existential-birds/beagle。

查看原文

可引用信息

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

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

快速解答

什么是 react-flow-architecture?

使用 React Flow 构建基于节点的 UI 的架构指南。在设计基于流的应用程序、做出有关状态管理、集成模式的决策或评估 React Flow 是否适合用例时使用。 来源:existential-birds/beagle。

如何安装 react-flow-architecture?

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

这个 Skill 的源码在哪?

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