Framework em TypeScript para criar agentes de IA e aplicações com LLMs, com workflows, tools, memória, servidores MCP e evals.
29,4 mil+169 esta semana3,1 milTypeScriptOtherAtualizado há 11 horas
vercel-labs/workflow-builder-template
Template self-hosted de Next.js para criar automações visuais de workflows com IA, nós de arrastar e soltar e geração de código TypeScript.
Alternativa open source a:Zapier
- Estrelas
- 1,237
- Forks
- 239
- Issues abertas
- 36
- Último commit
- há 3 dias
O que é?
Este template oferece um ponto de partida para uma plataforma de automação de workflows com IA. Os usuários criam workflows em uma tela de arrastar e soltar feita com React Flow, conectando nós de gatilho, como webhooks, agendamentos, execuções manuais e eventos de banco de dados, a nós de ação para serviços como Resend, Slack, Linear, GitHub, Stripe e Firecrawl.
Os workflows podem ser executados pela interface integrada, que acompanha as execuções e os logs de cada nó. Também é possível exportar um workflow como TypeScript executável usando a diretiva "use workflow", e gerar rascunhos de workflows a partir de prompts em linguagem natural com o OpenAI. O projeto usa o Workflow DevKit como mecanismo de execução.
A stack inclui Next.js 16, React 19, shadcn/ui, Drizzle ORM com PostgreSQL e Better Auth para autenticação. É possível fazer deploy na Vercel com um clique, que provisiona automaticamente um banco de dados Neon Postgres.
Recursos principais
- 01Editor visual de workflows com suporte a arrastar e soltar, feito com React Flow
- 02Nós de ação prontos para Resend, Slack, Linear, GitHub, Stripe e outros serviços
- 03Exportação de workflows como TypeScript executável usando a diretiva "use workflow"
- 04Geração de workflows a partir de prompts em linguagem natural usando o OpenAI
- 05Histórico de execuções e logs detalhados de cada nó
Casos de uso
- Criar protótipos de automações internas que enviam emails ou abrem tickets a partir de eventos
- Criar um construtor de workflows self-hosted como ponto de partida para um produto
- Transformar workflows desenhados visualmente em código TypeScript para personalização
Início rápido
- 1
Crie um arquivo .env.local com as configurações do banco de dados e da autenticação
- 2
Instale as dependências
pnpm install - 3
Execute as migrações do banco de dados
pnpm db:push - 4
Inicie o servidor de desenvolvimento
pnpm dev
Antes de usar
- Você precisa fornecer seu próprio banco de dados PostgreSQL.
- A geração de fluxos de trabalho com IA requer o AI Gateway ou uma chave de API da OpenAI.
- Muitas integrações exigem contas de terceiros e chaves de API separadas.
Em coleções
Tópicos
Perguntas frequentes
- O que é workflow-builder-template?
- Template self-hosted de Next.js para criar automações visuais de workflows com IA, nós de arrastar e soltar e geração de código TypeScript. Este template oferece um ponto de partida para uma plataforma de automação de workflows com IA. Os usuários criam workflows em uma tela de arrastar e soltar feita com React Flow, conectando nós de gatilho, como webhooks, agendamentos, execuções manuais e eventos de banco de dados, a nós de ação para serviços como Resend, Slack, Linear, GitHub, Stripe e Firecrawl.
- workflow-builder-template é gratuito? Qual é a licença?
- workflow-builder-template é open source sob a licença Other. Confira os termos da licença antes de usá-lo em produtos comerciais.
- workflow-builder-template ainda é mantido?
- Manutenção ativa. O último commit de workflow-builder-template foi em 3 de nov. de 2026.
- Para que posso usar workflow-builder-template?
- Criar protótipos de automações internas que enviam emails ou abrem tickets a partir de eventos Criar um construtor de workflows self-hosted como ponto de partida para um produto Transformar workflows desenhados visualmente em código TypeScript para personalização
- Como instalar workflow-builder-template?
- Crie um arquivo .env.local com as configurações do banco de dados e da autenticação Instale as dependências: pnpm install Execute as migrações do banco de dados: pnpm db:push Inicie o servidor de desenvolvimento: pnpm dev
- Onde consigo workflow-builder-template?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/vercel-labs/workflow-builder-template
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Servidor MCP que fornece a assistentes de IA como Claude e Cursor documentação, propriedades e operações dos nós de workflow do n8n para criar e validar workflows.
23,2 mil+51 esta semana3,7 milTypeScriptMITBem mantidoAtualizado há 12 horas
AutoGPT é uma plataforma open source para criar, executar e agendar agentes de IA que realizam fluxos de trabalho com várias etapas a partir de descrições em linguagem natural ou de um editor visual.
187,9 mil+88 esta semana45,9 milPythonOtherAtualizado há 10 horas
Sim é um espaço de trabalho colaborativo para criar, implantar e monitorar agentes de IA e workflows, com mais de 270 integrações e suporte aos principais LLMs.
30 mil+100 esta semana3,9 milTypeScriptApache-2.0Atualizado há 10 horas
Framework em Python e TypeScript para criar sistemas de IA multiagente com backends de LLM, ferramentas, memória, RAG e workflows.
3,5 mil+4 esta semana543PythonApache-2.0Bem mantidoAtualizado há 4 dias
Plataforma de automação de workflows com licença fair-code para criar agentes de IA e workflows, combinando um canvas visual, código personalizado e mais de 1.500 integrações.
209,7 mil+567 esta semana61,4 milTypeScriptOtherBem mantidoAtualizado há 13 horas