Framework de TypeScript para crear agentes de IA y aplicaciones basadas en LLM, con workflows, herramientas, memoria, servidores MCP y evals.
29,4 mil+160 esta semana3,1 milTypeScriptOtherActualizado hace 3 horas
vercel-labs/workflow-builder-template
Plantilla de Next.js autoalojable para crear automatizaciones visuales de flujos de trabajo con IA, nodos de arrastrar y soltar y generación de código TypeScript.
Alternativa open source a:Zapier
- Estrellas
- 1,238
- Forks
- 239
- Issues abiertos
- 36
- Último commit
- hace 4 días
¿Qué es?
Esta plantilla ofrece un punto de partida para crear una plataforma de automatización de flujos de trabajo basada en IA. Los usuarios crean flujos en un lienzo de arrastrar y soltar con React Flow, conectando nodos de activación como webhooks, programaciones, ejecuciones manuales y eventos de bases de datos con nodos de acción para servicios como Resend, Slack, Linear, GitHub, Stripe y Firecrawl.
Los flujos de trabajo se pueden ejecutar desde la interfaz integrada, que registra las ejecuciones y los logs de cada nodo. También se pueden exportar como TypeScript ejecutable mediante la directiva "use workflow", y OpenAI puede generar borradores de flujos a partir de instrucciones en lenguaje natural. El proyecto usa Workflow DevKit como motor de ejecución.
La stack incluye Next.js 16, React 19, shadcn/ui, Drizzle ORM con PostgreSQL y Better Auth para la autenticación. Se puede implementar en Vercel con un solo clic, que aprovisiona automáticamente una base de datos Neon Postgres.
Funciones clave
- 01Editor visual de flujos de trabajo con función de arrastrar y soltar, basado en React Flow
- 02Nodos de acción predefinidos para Resend, Slack, Linear, GitHub, Stripe y otros servicios
- 03Exportación de flujos de trabajo como TypeScript ejecutable mediante la directiva "use workflow"
- 04Generación de flujos de trabajo a partir de instrucciones en lenguaje natural con OpenAI
- 05Historial de ejecuciones y logs detallados de cada nodo
Casos de uso
- Prototipar automatizaciones internas que envíen correos o creen tickets a partir de eventos
- Crear un constructor de flujos de trabajo autoalojable como punto de partida para un producto
- Convertir flujos diseñados visualmente en código TypeScript para personalizarlos más
Inicio rápido
- 1
Crea un archivo .env.local con la configuración de la base de datos y la autenticación
- 2
Instala las dependencias
pnpm install - 3
Ejecuta las migraciones de la base de datos
pnpm db:push - 4
Inicia el servidor de desarrollo
pnpm dev
Antes de usarlo
- Debes proporcionar tu propia base de datos PostgreSQL.
- La generación de flujos de trabajo con IA requiere AI Gateway o una clave de API de OpenAI.
- Muchas integraciones requieren cuentas de terceros y claves de API independientes.
En colecciones
Temas
Preguntas frecuentes
- ¿Qué es workflow-builder-template?
- Plantilla de Next.js autoalojable para crear automatizaciones visuales de flujos de trabajo con IA, nodos de arrastrar y soltar y generación de código TypeScript. Esta plantilla ofrece un punto de partida para crear una plataforma de automatización de flujos de trabajo basada en IA. Los usuarios crean flujos en un lienzo de arrastrar y soltar con React Flow, conectando nodos de activación como webhooks, programaciones, ejecuciones manuales y eventos de bases de datos con nodos de acción para servicios como Resend, Slack, Linear, GitHub, Stripe y Firecrawl.
- ¿workflow-builder-template es gratuito? ¿Qué licencia tiene?
- workflow-builder-template es open source bajo la licencia Other. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿workflow-builder-template sigue mantenido?
- Mantenimiento activo. El último commit de workflow-builder-template fue el 3 nov 2026.
- ¿Para qué puedo usar workflow-builder-template?
- Prototipar automatizaciones internas que envíen correos o creen tickets a partir de eventos Crear un constructor de flujos de trabajo autoalojable como punto de partida para un producto Convertir flujos diseñados visualmente en código TypeScript para personalizarlos más
- ¿Cómo se instala workflow-builder-template?
- Crea un archivo .env.local con la configuración de la base de datos y la autenticación Instala las dependencias: pnpm install Ejecuta las migraciones de la base de datos: pnpm db:push Inicia el servidor de desarrollo: pnpm dev
- ¿Dónde consigo workflow-builder-template?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/vercel-labs/workflow-builder-template
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Servidor MCP que proporciona a asistentes de IA como Claude y Cursor documentación, propiedades y operaciones de los nodos de n8n para crear y validar workflows.
23,2 mil+48 esta semana3,7 milTypeScriptMITBien mantenidoActualizado hace 3 horas
AutoGPT es una plataforma de código abierto para crear, ejecutar y programar agentes de IA que completan flujos de trabajo de varios pasos a partir de descripciones en lenguaje natural o de un editor visual.
187,9 mil+86 esta semana45,9 milPythonOtherActualizado hace 3 horas
Sim es un espacio de trabajo colaborativo para crear, implementar y monitorear agentes y flujos de trabajo de IA, con más de 270 integraciones y compatibilidad con los principales LLM.
30,1 mil+116 esta semana3,9 milTypeScriptApache-2.0Actualizado hace 2 horas
Framework de Python y TypeScript para crear sistemas de IA multiagente con backends de LLM, herramientas, memoria, RAG y flujos de trabajo.
3,5 mil+5 esta semana543PythonApache-2.0Bien mantenidoActualizado hace 4 días
Plataforma de automatización de workflows con licencia fair-code para crear agentes de IA y flujos de trabajo, que combina un lienzo visual con código personalizado y más de 1500 integraciones.
209,8 mil+560 esta semana61,4 milTypeScriptOtherBien mantenidoActualizado hace 4 horas