AI智能体工作流可视化编排工具 Open Agent Builder

Open Agent Builder 是一个由Firecrawl驱动的视觉化AI代理工作流构建平台，通过拖放界面设计、测试和部署复杂的AI代理管道，支持实时执行更新。Open Agent Builder 有八种核心节点类型，涵盖了从起始、代理逻辑、外部工具调用（MCP Tools）、数据转换到条件判断、循环和人工审批等多种操作，可用于网页抓取、多步骤AI代理、自动化研究与内容生成、数据分析以及人机协作的Web自动化场景。Open Agent Builder 利用LangGraph作为强大的执行引擎进行状态管理，Convex数据库实现数据持久化，Clerk提供安全的多用户认证，原生支持Anthropic Claude的MCP协议，同时正在扩展对OpenAI和Groq的MCP支持，提供了API接口实现工作流的编程化调用，提供高度可定制的功能强大的AI工作流构建与管理解决方案。

1、可视化工作流构建器

• 支持拖拽操作，轻松搭建智能体工作流

• 执行过程实时更新，以流式形式呈现进度

• 提供 8 种核心节点类型，覆盖工作流全流程需求：

• 内置模板库，包含多个预构建工作流，降低使用门槛

• 支持 MCP 协议，可灵活集成各类扩展工具

2、Firecrawl 深度集成

作为核心网页抓取引擎，Firecrawl 能直接用于网页抓取与搜索，将网页数据转化为适合 LLM 处理的格式，为工作流提供数据支撑。

3、企业级功能

• 采用 LangGraph 执行引擎，实现可靠的状态管理

• 集成 Clerk 认证系统，保障多用户访问安全

• 借助 Convex 数据库，实现数据持久化存储

• 提供 API 端点，支持通过编程方式执行工作流

• 针对敏感操作，设置人工介入审批环节

开始使用前，需要准备以下工具与账号：

1、安装 Node.js 18 及以上版本

2、获取 Firecrawl API 密钥（网页抓取必需），可在 https://firecrawl.dev 获取

3、注册 Convex 账号（免费注册即可）

4、注册 Clerk 账号（免费注册即可）

注意，LLM API 密钥可在搭建完成后，通过“设置 → API 密钥”界面添加。若需使用 MCP 工具，目前推荐默认选择 Anthropic Claude（Haiku 4.5 或 Sonnet 4.5）。

Open Agent Builder 本地安装

1、克隆仓库

git clone https://github.com/firecrawl/open-agent-builder.git
cd open-agent-builder
npm install

2、搭建 Convex（数据库）

Convex 负责存储所有工作流与执行数据，操作步骤如下：

# 全局安装 Convex CLI
npm install -g convex

# 初始化 Convex 项目
npx convex dev

执行上述命令后，会自动完成以下操作：

• 打开浏览器，引导创建或关联 Convex 项目

• 在 .env.local 文件中生成 NEXT_PUBLIC_CONVEX_URL

• 启动 Convex 开发服务器

Convex 开发服务器需在单独终端保持运行。

3、搭建 Clerk（认证系统）

Clerk 提供安全的用户认证与管理功能，配置步骤如下：

1、访问 clerk.com 并创建新应用

2、在 Clerk 控制台中：

• 进入“API 密钥”页面，复制密钥

• 进入“JWT 模板 → Convex”，点击“应用”并复制发行者 URL

3、在 .env.local 文件中添加以下内容：

# Clerk 认证
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_...
CLERK_SECRET_KEY=sk_test_...

# Clerk + Convex 集成
CLERK_JWT_ISSUER_DOMAIN=https://your-clerk-domain.clerk.accounts.dev

4、配置 Convex 认证

1、编辑 convex/auth.config.ts 文件，更新域名：

export default {
providers: [
{
domain: "https://your-clerk-domain.clerk.accounts.dev", // 你的 Clerk 发行者 URL
applicationID: "convex",
},
],
};

2、将认证配置推送到 Convex：

npx convex dev

5、搭建 Firecrawl（必需）

Firecrawl 是支撑多数工作流的核心网页抓取引擎，配置步骤：

1、在 firecrawl.dev 获取 API 密钥

2、在 .env.local 文件中添加：

# Firecrawl API（必需）
FIRECRAWL_API_KEY=fc-...

注：用户也能通过“设置 → API 密钥”添加个人 Firecrawl 密钥，但在 .env.local 中配置默认密钥后，模板工作流才能直接使用。

6、可选：配置默认 LLM 提供商

用户可通过 UI（设置 → API 密钥）添加个人 LLM API 密钥，也能在 .env.local 中配置默认提供商：

# 可选：选择一个作为默认提供商

# Anthropic Claude（推荐，原生支持 MCP，适用于 Haiku 4.5 & Sonnet 4.5）
ANTHROPIC_API_KEY=sk-ant-...

# OpenAI GPT-5（MCP 支持即将上线）
OPENAI_API_KEY=sk-...

# Groq（MCP 支持即将上线）
GROQ_API_KEY=gsk_...

重要提示：若工作流需使用 MCP 工具（如 Firecrawl 集成），目前推荐选择 Anthropic Claude，因其原生支持 MCP。OpenAI 与 Groq 的 MCP 支持功能正在开发中。

7、可选：E2B 代码解释器

若需在高级 Transform 节点中使用沙盒化代码执行功能，需配置：

# E2B 代码解释器（可选）
E2B_API_KEY=e2b_...

可在 https://e2b.dev 获取 API 密钥。

Open Agent Builder 使用手册

1、创建首个工作流

1、在 http://localhost:3000 注册/登录账号

2、进入“设置 → API 密钥”，添加 LLM API 密钥

• 若需使用 MCP 工具：选择 Anthropic Claude（Haiku 4.5 或 Sonnet 4.5）

• 若需搭建基础工作流：OpenAI 或 Groq 也能使用

3、点击“新建工作流”或选择一个模板

4、尝试“简单网页抓取器”模板：

• 该模板已预设配置，能抓取任意网页

• 借助 Firecrawl 提取数据，AI 智能体总结内容

• 点击“运行”并输入 URL，即可查看实时执行进度与流式更新

2、MCP 工具支持

当前支持情况

• Anthropic Claude：完全原生支持 MCP

推荐使用 Claude Sonnet 4.5

支持 Claude Haiku 4.5

使用 MCP 工具

MCP 工具能让智能体与 Firecrawl 等外部服务交互，操作步骤：

1、在工作流中添加 Agent 节点

2、在节点设置中选择“MCP 工具”

3、选择 Firecrawl 或添加自定义 MCP 服务器

4、智能体即可调用 Firecrawl 工具，如 scrape（抓取）、search（搜索）、crawl（爬取）

示例工作流：Start → Agent（带 Firecrawl MCP）→ End

智能体能根据指令，自主判断何时抓取页面、搜索网页或爬取网站。

3、示例工作流

（1）简单网页抓取器

功能：抓取任意网页并生成 AI 总结

节点流程：Start → Firecrawl Scrape → Agent Summary → End

试用：输入 URL（如 https://firecrawl.dev），输出结果类似“Firecrawl 是一款网页抓取 API，能将网页转化为 LLM 可用的 markdown 格式……”

（2）网页研究

功能：搜索网页、抓取热门结果、综合分析发现内容

节点流程：Start → Firecrawl Search → Loop（逐个抓取）→ Agent Synthesis → End

（3）竞品分析

功能：研究企业信息、提取结构化数据、生成报告

节点流程：Start → 解析企业列表 → Loop（研究 + 提取）→ 审批 → 导出 → End

使用功能：Firecrawl 网页搜索、结构化 JSON 提取、While 循环迭代、人工审批节点、条件路由

（4）价格监控

功能：跟踪多个网站的产品价格

节点流程：Start → Loop（抓取 + 提取价格）→ 对比 → 通知 → End

Open Agent Builder 配置

1、用户级 API 密钥

用户可通过“设置 → API 密钥”添加个人密钥：

• LLM 提供商：Anthropic（MCP 推荐）、OpenAI、Groq（至少需添加一个）

• Firecrawl：个人 API 密钥（可选，未设置时会 fallback 到环境变量）

• 自定义 MCP 服务器：认证令牌

该配置支持：

• 每个用户使用个人 API 配额

• 未设置个人密钥时，自动使用环境变量中的默认密钥

• 密钥轮换与管理更方便

2、MCP 服务器注册

在“设置 → MCP 注册中心”添加自定义 MCP 服务器：

1、点击“添加 MCP 服务器”

2、输入服务器 URL 与认证信息

3、测试连接，自动发现可用工具

4、在 Agent 节点中，通过“MCP 工具”下拉菜单选择使用

支持的 MCP 服务器：

• Firecrawl（内置）

• 自定义 HTTP 端点

• 支持环境变量替换：{API_KEY}