React Flow v12 Skill (Progressive Disclosure)

Use this skill for production React Flow v12 work. Keep SKILL.md for invariants only. Load reference files only as needed.

Critical Setup Rules

1. Install and import v12 only: use @xyflow/react (not reactflow).
2. Use named imports only: import { ReactFlow, ... } from '@xyflow/react' (no default ReactFlow import).
3. Import styles from @xyflow/react/dist/style.css (or @xyflow/react/dist/base.css for custom theming).
4. Treat this skill as @xyflow/react v12-only (>=12.0.0 <13.0.0). If the project is v11, load the migration reference first.
5. Use immutable node/edge updates only. Do not mutate node or edge objects in place.

Non-Negotiable v12 Breaking Changes