skills.homes logoskills.homescapability registry
home/categories/frontend/chaingraphlabs-chaingraph-claude-skills-xyflow-patterns-skill-md
cd ..
frontenddevelopment

xyflow-patterns

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.

View Sourcefrontend
chaingraphlabs
maintainer
chaingraphlabs
Updated 1/6/2026
Stars
12
Forks
2
quick start

Installation and usage

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.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use xyflow-patterns