ai-elements-workflow
✓Esta habilidad proporciona orientación para crear visualizaciones de flujo de trabajo utilizando Vercel AI Elements y React Flow. Debe usarse al implementar interfaces interactivas basadas en nodos, diagramas de flujo de trabajo o visualizaciones de flujo de procesos en aplicaciones Next.js. Cubre los componentes de lienzo, nodo, borde, conexión, controles, panel y barra de herramientas.
Instalación
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 } |
Esta habilidad proporciona orientación para crear visualizaciones de flujo de trabajo utilizando Vercel AI Elements y React Flow. Debe usarse al implementar interfaces interactivas basadas en nodos, diagramas de flujo de trabajo o visualizaciones de flujo de procesos en aplicaciones Next.js. Cubre los componentes de lienzo, nodo, borde, conexión, controles, panel y barra de herramientas. Fuente: sstobo/convex-skills.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/sstobo/convex-skills --skill ai-elements-workflow- Fuente
- sstobo/convex-skills
- Categoría
- >_Productividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es ai-elements-workflow?
Esta habilidad proporciona orientación para crear visualizaciones de flujo de trabajo utilizando Vercel AI Elements y React Flow. Debe usarse al implementar interfaces interactivas basadas en nodos, diagramas de flujo de trabajo o visualizaciones de flujo de procesos en aplicaciones Next.js. Cubre los componentes de lienzo, nodo, borde, conexión, controles, panel y barra de herramientas. Fuente: sstobo/convex-skills.
¿Cómo instalo ai-elements-workflow?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/sstobo/convex-skills --skill ai-elements-workflow Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
¿Dónde está el repositorio de origen?
https://github.com/sstobo/convex-skills
Detalles
- Categoría
- >_Productividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01