React Flow v12 — Enterprise SaaS Skill

Build production-grade flow-based UIs with @xyflow/react v12. Stack: React + Tailwind + shadcn/ui + lucide-icons + Zustand. Free tier only.

Reference files:

• references/api/api.md — Full v12 API cheatsheet (components, hooks, utils, types)
• references/patterns/enterprise.md — Enterprise patterns §1-§12 (store design, undo/redo, drag-drop, layout)
• references/patterns/enterprise-advanced.md — Enterprise patterns §13-§16 (subflows, reconnect, connection line)
• references/examples/custom-nodes.md — Custom node & edge cookbook
• assets/base-node.tsx — Base custom node component
• references/examples/quickstart.md — Minimal flow, store pattern, node/edge examples

1. Setup & Installation