·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