react-flow-advanced
CommunityBuild advanced React Flow diagrams with ease.
Software Engineering#drag-and-drop#react-flow#dagre#undo-redo#nested-nodes#graph-editor#custom-connections
AuthorLrmdom
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Advanced patterns for React Flow enable building complex diagrams with nested groups, custom connections, and programmable layouts, reducing manual wiring and boilerplate.
Core Features & Use Cases
- Sub-flows (Nested Nodes) and Group Node patterns for organizing complex graphs.
- Custom Connection Lines, Drag-and-Drop integration, Undo/Redo, and programmatic layout using dagre.
- Use Case: Build a visual workflow editor or process mapping tool with scalable node and edge management.
Quick Start
Plug these advanced patterns into your React Flow canvas to start building nested groups, custom connections, and automatic layouts.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: react-flow-advanced Download link: https://github.com/Lrmdom/patrimonio-pwa/archive/main.zip#react-flow-advanced Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.