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.

檢視原始碼frontend
chaingraphlabs
maintainer
chaingraphlabs
更新於 1/6/2026
星標
12
分支
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.

安裝
$ install --globalskills.sh
使用

安裝後，您可以透過在終端機執行以下指令來使用此技能：

skills use xyflow-patterns