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-fontefrontend
chaingraphlabs
maintainer
chaingraphlabs
Atualizado 1/6/2026
Estrelas
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.

Instalação
$ install --globalskills.sh
Uso

Depois de instalar, você pode usar esta skill executando o seguinte comando no terminal:

skills use xyflow-patterns