Start
reactflow-expert
reactflow-expert - Skill Dossier

reactflow-expert
Builds DAG visualizations using ReactFlow v12 with custom nodes, ELKjs auto-layout, Zustand state management, and live state updates via WebSocket. Use when implementing workflow visualization dashboards, creating custom agent node components, integrating ELK layout algorithms, or wiring execution state into React components. Activate on "ReactFlow", "workflow visualization", "DAG visualization", "ELKjs", "custom nodes", "node-based editor", "graph visualization". NOT for writing Mermaid diagrams (use mermaid-graph-writer), general React development, or static diagram rendering.
Frontend & UI
#reactflow#node-editor#graph-visualization#interactive#react
Allowed Tools
ReadWriteEditBashGrepGlob
⚡
Coming in Spring 2026 Beta
WinDAGs will match this skill automatically. Then ask:
"Use reactflow-expert to help me build..."
Request Early Access