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.

Ver código fuentefrontend
chaingraphlabs
maintainer
chaingraphlabs
Actualizado 1/6/2026
Estrellas
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.

Instalación
$ install --globalskills.sh
Uso

Después de instalarlo, puedes usar este skill ejecutando el siguiente comando en tu terminal:

skills use xyflow-patterns