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 中使用

查看原文