ReactFlow Expert

Builds DAG visualizations using ReactFlow v12 with custom agent nodes, ELKjs auto-layout, Zustand state management, and live execution state updates.

When to Use

✅ Use for:

• Building workflow/DAG visualization dashboards
• Creating custom ReactFlow node components for agent state
• Integrating ELKjs auto-layout for automatic graph positioning
• Wiring WebSocket execution events into ReactFlow state
• Implementing zoom, pan, selection, and node interaction

❌ NOT for:

• Static Mermaid diagrams (use mermaid-graph-writer)
• General React component development
• Non-graph visualizations (charts, tables)