Questa competenza fornisce indicazioni per la creazione di visualizzazioni del flusso di lavoro utilizzando Vercel AI Elements e React Flow. Dovrebbe essere utilizzato quando si implementano interfacce interattive basate su nodi, diagrammi di flusso di lavoro o visualizzazioni di flussi di processo nelle applicazioni Next.js. Copre i componenti Canvas, Node, Edge, Connection, Controls, Panel e Toolbar.
Installa rapidamente la skill AI ai-elements-workflow nel tuo ambiente di sviluppo tramite riga di comando
Fonte: sstobo/convex-skills.
This skill provides comprehensive guidance for building workflow visualizations using Vercel AI Elements with React Flow.
Use animated for active paths and temporary for conditional/error paths:
| Custom Node Components | Use NodeHeader, NodeTitle, NodeDescription, NodeContent, NodeFooter for structured layouts | | Node Toolbars | Attach contextual actions to nodes via Toolbar component | | Handle Configuration | Control connections with handles: { target: boolean, source: boolean } |
Questa competenza fornisce indicazioni per la creazione di visualizzazioni del flusso di lavoro utilizzando Vercel AI Elements e React Flow. Dovrebbe essere utilizzato quando si implementano interfacce interattive basate su nodi, diagrammi di flusso di lavoro o visualizzazioni di flussi di processo nelle applicazioni Next.js. Copre i componenti Canvas, Node, Edge, Connection, Controls, Panel e Toolbar. Fonte: sstobo/convex-skills.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/sstobo/convex-skills --skill ai-elements-workflowQuesta competenza fornisce indicazioni per la creazione di visualizzazioni del flusso di lavoro utilizzando Vercel AI Elements e React Flow. Dovrebbe essere utilizzato quando si implementano interfacce interattive basate su nodi, diagrammi di flusso di lavoro o visualizzazioni di flussi di processo nelle applicazioni Next.js. Copre i componenti Canvas, Node, Edge, Connection, Controls, Panel e Toolbar. Fonte: sstobo/convex-skills.
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/sstobo/convex-skills --skill ai-elements-workflow 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/sstobo/convex-skills