React Flow (@xyflow/react) per la visualizzazione del flusso di lavoro con nodi e bordi personalizzati. Da utilizzare durante la creazione di visualizzazioni di grafici, la creazione di nodi di flusso di lavoro personalizzati, l'implementazione di etichette dei bordi o il controllo del viewport. Trigger su ReactFlow, @xyflow/react, Handle, NodeProps, EdgeProps, useReactFlow, fitView.
Installa rapidamente la skill AI react-flow nel tuo ambiente di sviluppo tramite riga di comando
Fonte: existential-birds/beagle.
React Flow (@xyflow/react) is a library for building node-based graphs, workflow editors, and interactive diagrams. It provides a highly customizable framework for creating visual programming interfaces, process flows, and network visualizations.
Nodes are the building blocks of the graph. Each node has:
Handles are connection points on nodes. Use Position enum for placement:
React Flow (@xyflow/react) per la visualizzazione del flusso di lavoro con nodi e bordi personalizzati. Da utilizzare durante la creazione di visualizzazioni di grafici, la creazione di nodi di flusso di lavoro personalizzati, l'implementazione di etichette dei bordi o il controllo del viewport. Trigger su ReactFlow, @xyflow/react, Handle, NodeProps, EdgeProps, useReactFlow, fitView. Fonte: existential-birds/beagle.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/existential-birds/beagle --skill react-flowReact Flow (@xyflow/react) per la visualizzazione del flusso di lavoro con nodi e bordi personalizzati. Da utilizzare durante la creazione di visualizzazioni di grafici, la creazione di nodi di flusso di lavoro personalizzati, l'implementazione di etichette dei bordi o il controllo del viewport. Trigger su ReactFlow, @xyflow/react, Handle, NodeProps, EdgeProps, useReactFlow, fitView. Fonte: existential-birds/beagle.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/existential-birds/beagle --skill react-flow Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/existential-birds/beagle