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.

Implements React Flow node-based UIs correctly using @xyflow/react. Use when building flow charts, diagrams, visual editors, or node-based applications with React. Covers nodes, edges, handles, custom components, state management, and viewport control. Source: existential-birds/beagle.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/existential-birds/beagle --skill react-flow-implementation Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

View raw