vercel-labs/workflow-builder-template

这是什么？

核心功能

• 01基于 React Flow 的拖拽式可视化工作流编辑器
• 02内置 Resend、Slack、Linear、GitHub、Stripe 等服务的动作节点
• 03可将工作流导出为带 "use workflow" 指令的可执行 TypeScript 代码
• 04通过 OpenAI 根据自然语言描述生成工作流
• 05提供执行历史与各节点的详细日志

适用场景

• 快速原型化内部自动化，例如根据事件发送邮件或创建工单
• 基于它搭建自托管的工作流构建器，作为产品的起点
• 将可视化设计的工作流转换为 TypeScript 代码，便于二次开发

快速上手

1. 1

   创建包含数据库和认证设置的 .env.local 文件

2. 2

   安装依赖

   pnpm install
3. 3

   运行数据库迁移

   pnpm db:push
4. 4

   启动开发服务器

   pnpm dev

使用前须知

• !你需要自行提供 PostgreSQL 数据库。
• !AI 工作流生成功能需要 AI Gateway 或 OpenAI 的 API 密钥。
• !许多集成需要单独的第三方账户和 API 密钥。

收录于专题

标签

常见问题

workflow-builder-template 是什么？

一个基于 Next.js 的可自部署模板，用于搭建可视化拖拽式 AI 工作流自动化平台。 这是一个用于构建 AI 驱动的工作流自动化平台的模板。用户在基于 React Flow 的拖拽画布上搭建工作流，把 Webhook、定时、手动和数据库事件等触发节点，与 Resend、Slack、Linear、GitHub、Stripe、Firecrawl 等服务的动作节点连接起来。

workflow-builder-template 可以免费使用吗？用的什么许可证？

workflow-builder-template 以 Other 许可证开源。用于商业产品前，请先确认许可证条款。

workflow-builder-template 还在维护吗？

活跃维护中。workflow-builder-template 最近一次提交是在 2026年11月3日。

workflow-builder-template 适合用来做什么？

快速原型化内部自动化，例如根据事件发送邮件或创建工单 基于它搭建自托管的工作流构建器，作为产品的起点 将可视化设计的工作流转换为 TypeScript 代码，便于二次开发

workflow-builder-template 怎么安装和运行？

创建包含数据库和认证设置的 .env.local 文件 安装依赖: pnpm install 运行数据库迁移: pnpm db:push 启动开发服务器: pnpm dev

在哪里获取 workflow-builder-template？

源代码和安装说明在 GitHub 上：https://github.com/vercel-labs/workflow-builder-template