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 で使用できるようになります

原文を見る