Start
reactflow-expert
reactflow-expert - Skill Dossier
reactflow-expert

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

Share this skill

Coming in Spring 2026 Beta

WinDAGs will match this skill automatically. Then ask:

"Use reactflow-expert to help me build..."
Request Early Access
"Use reactflow-expert to help me build a reactflow system"
"I need expert help with builds dag visualizations using reactflow v12 with..."