React Flow Advanced

This one's for when you're past basic nodes and edges. It covers the tricky parts: nesting nodes inside groups with correct relative positioning, building custom connection lines that respond to valid/invalid targets, dropping nodes from external sources (with proper coordinate conversion via screenToFlowPosition), implementing undo/redo with a simple history stack, and auto-arranging graphs with dagre. The gates section is genuinely useful, it calls out the footguns like forgetting preventDefault on drag events or not using shallow selectors with the store. If you're building a workflow editor or diagramming tool and hit any of these patterns, the examples are concrete enough to adapt directly.

Install to Claude Code

npx -y skills add existential-birds/beagle --skill react-flow-advanced --agent claude-code