ai-elements-workflow
✓Cette compétence fournit des conseils pour créer des visualisations de flux de travail à l'aide de Vercel AI Elements et React Flow. Il doit être utilisé lors de la mise en œuvre d'interfaces interactives basées sur des nœuds, de diagrammes de flux de travail ou de visualisations de flux de processus dans les applications Next.js. Couvre les composants Canvas, Node, Edge, Connection, Controls, Panel et Toolbar.
Installation
SKILL.md
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 } |
Cette compétence fournit des conseils pour créer des visualisations de flux de travail à l'aide de Vercel AI Elements et React Flow. Il doit être utilisé lors de la mise en œuvre d'interfaces interactives basées sur des nœuds, de diagrammes de flux de travail ou de visualisations de flux de processus dans les applications Next.js. Couvre les composants Canvas, Node, Edge, Connection, Controls, Panel et Toolbar. Source : sstobo/convex-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/sstobo/convex-skills --skill ai-elements-workflow- Source
- sstobo/convex-skills
- Catégorie
- >_Productivité
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que ai-elements-workflow ?
Cette compétence fournit des conseils pour créer des visualisations de flux de travail à l'aide de Vercel AI Elements et React Flow. Il doit être utilisé lors de la mise en œuvre d'interfaces interactives basées sur des nœuds, de diagrammes de flux de travail ou de visualisations de flux de processus dans les applications Next.js. Couvre les composants Canvas, Node, Edge, Connection, Controls, Panel et Toolbar. Source : sstobo/convex-skills.
Comment installer ai-elements-workflow ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/sstobo/convex-skills --skill ai-elements-workflow Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/sstobo/convex-skills
Détails
- Catégorie
- >_Productivité
- Source
- skills.sh
- Première apparition
- 2026-02-01