home/categories/frontend/existential-birds-beagle-skills-react-flow-implementation-skill-md
frontenddevelopment

react-flow-implementation

Implements React Flow node-based UIs correctly using @xyflow/react. Use when building flow charts, diagrams, visual editors, or node-based applications with React. Covers nodes, edges, handles, custom components, state management, and viewport control.

existential-birds
maintainer
existential-birds
更新日 1/14/2026
スター
9
フォーク
1
quick start

Installation and usage

Implements React Flow node-based UIs correctly using @xyflow/react. Use when building flow charts, diagrams, visual editors, or node-based applications with React. Covers nodes, edges, handles, custom components, state management, and viewport control.

インストール
$ install --globalskills.sh
使い方

インストール後、ターミナルで以下のコマンドを実行してこのスキルを使用できます:

skills use react-flow-implementation