React Flow
existential-birds/beagle/plugins/beagle-react/skills/react-flow作者 existential-birdsd1a74899fbfec74974d1818e4cac7c3d54d44b65無授權條款83 個星標收錄於 2026年10月9日更新於 2026年10月9日儲存庫3 週前更新
React Flow (@xyflow/react) for workflow visualization with custom nodes and edges. Use when building graph visualizations, creating custom workflow nodes, implementing edge labels, or controlling viewport. Triggers on ReactFlow, @xyflow/react, Handle, NodeProps, EdgeProps, useReactFlow, fitView.
僅公開檔案列表。將技能安裝到工作區後即可檢視檔案內容。
| 路徑 | 大小 | 類型 |
|---|---|---|
| references/custom-edges.md | 9 KB | text/markdown |
| references/custom-nodes.md | 6.9 KB | text/markdown |
| references/events.md | 14.5 KB | text/markdown |
| references/viewport.md | 9.8 KB | text/markdown |
| SKILL.md | 11.9 KB | text/markdown |
來源與署名
來源：existential-birds/beagle位於plugins/beagle-react/skills/react-flow提交d1a7489
授權條款： 無授權條款
內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。
更多來自 existential-birds/beagle 的技能
React Router V7
existential-birds
React Router v7 資料驅動路由最佳實務，涵蓋路由、loader、action、表單、fetcher 與導覽。
React Flow Advanced
existential-birds
進階 React Flow 模式：子流程、自訂連線、拖放、復原重做、dagre 版面配置與狀態選擇器。
React Flow Architecture
existential-birds
使用 React Flow 打造節點式介面的架構指引，涵蓋適用性、狀態、整合與效能。
Langgraph Code Review
existential-birds
審查 LangGraph 程式碼中的缺陷、反模式與改進點，涵蓋狀態、圖結構、非同步與檢查點。
更多Software Development技能
Playground
anthropics
建立自成一體的互動式 HTML 遊樂場，包含控制項、即時預覽與可複製的提示詞輸出。
M5 Onboard
anthropics
透過 USB 偵測 M5Stack ESP32 開發板，燒錄 UIFlow 2.0 韌體並安裝 MicroPython 應用程式套件。
Cardputer Buddy
anthropics
指導迭代 Cardputer-Adv 的 MicroPython 應用程式套件：新增應用程式、透過 USB 序列埠推送檔案、查看日誌並執行 REPL 指令。
Web Design Guidelines
vercel-labs
依據從遠端來源取得的 Web Interface Guidelines 審查 UI 程式碼，並以 file:line 形式回報問題。
Vercel React Native Skills
vercel-labs
React Native 與 Expo 最佳實務規則，涵蓋清單效能、動畫、導覽、UI 模式、狀態與 monorepo 設定。
Vercel React Best Practices
vercel-labs
Vercel 的 React 與 Next.js 效能指南，以 70 條規則的形式用於撰寫、審查與重構程式碼。