XYFlow integration patterns for ChainGraph visual flow editor. Use when working on node rendering, edge rendering, drag-and-drop, selection handling, anchors, handles, or any XYFlow-related UI code. Covers custom nodes/edges, performance optimization, handle positioning. Triggers: xyflow, reactflow, node rendering, edge rendering, handle, anchor, drag drop, selection, viewport, canvas, flow editor UI.
$npx -y skills add chaingraphlabs/chaingraph --skill xyflow-patternsInstalls into the current project.
Run `npx skills use "https://github.com/chaingraphlabs/chaingraph" --skill "chaingraphlabs/chaingraph/xyflow-patterns"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/chaingraphlabs/chaingraph" that are relevant to the current task. Run `npx skills add "https://github.com/chaingraphlabs/chaingraph"` and select the relevant skills, then follow their instructions.