智能体蓝图

如何构建 网页浏览智能体

网页浏览智能体 的免费蓝图。 由 代码优先、单智能体、云端托管 组成的技术栈,包含 11 个互联组件。 围绕 Manus, Tavily, Browserbase, LangChain 构建。 复制、导出,或修改答案以适配你的项目。

获取代码
你的架构

网页与计算机操作智能体

由 代码优先、单智能体、云端托管 组成的技术栈,包含 11 个互联组件。

登录以保存

架构图

点击组件查看其连接

界面与触发器编排推理记忆与知识工具与集成监控与安全聊天界面网页聊天组件调度器Trigger.dev智能体框架LangChain人工审批环节内置于你的编排器中推理模型Gemini对话记忆内置于你的编排器中网页搜索Tavily网页浏览与抓取Browserbase电脑操作智能体Manus安全护栏输入与输出检查追踪与评估Langfuse

左右滑动查看完整地图

工具配置

界面与触发器

  • 聊天界面

    用户与智能体交流的地方

    网页聊天组件

    或 Slack 或 Teams 机器人

  • 调度器

    按计划启动智能体

    Trigger.dev

    或 Zapier, Make

编排

  • 智能体框架

    通过代码实现智能体循环、工具调用与状态管理

    LangChain

    或 LlamaIndex, CrewAI

  • 人工审批环节

    暂停高风险操作,等待人工批准

    内置于你的编排器中

    或 n8n wait node, Slack 审批消息

推理

  • 推理模型

    理解图像和长文档

    Gemini

    或 Claude, ChatGPT / OpenAI

记忆与知识

  • 对话记忆

    跟踪当前对话或任务

    内置于你的编排器中

工具与集成

  • 网页搜索

    从实时网络获取最新信息

    Tavily

    或 Exa, Perplexity

  • 网页浏览与抓取

    读取网站内容并执行操作

    Browserbase

    或 Firecrawl, Airtop

  • 电脑操作智能体

    像人一样点击、输入和填写表单

    Manus

    或 Simular (Sai), Airtop, Perplexity Comet

监控与安全

  • 安全护栏

    拦截不安全输入、提示词注入和数据泄露

    输入与输出检查

    或 工具操作白名单

  • 追踪与评估

    记录每一步、成本和回答质量

    Langfuse

    或 LangSmith, Weights & Biases

一步步设置你的智能体

完成一步就勾选一步。你的进度会随此方案保存在你的 AItooling 账户中。

已完成 0/19

AItooling 绝不会替你注册,也绝不会索要你的密码或密钥。每个账户都由你在工具官网上自己创建,这里只保存你的勾选进度。

登录 并保存此方案,即可在账户中保留你的进度。

  1. 1创建你的账户

    • 注册或安装后,为这个智能体新建一个项目。

    • 注册并设置人们与智能体对话的地方。

    • 注册、创建 API 密钥,并先设置每月消费上限。

    • 注册后只连接这个智能体需要的应用,尽可能只给只读权限。

    • 注册后只连接这个智能体需要的应用,尽可能只给只读权限。

    • 注册后只连接这个智能体需要的应用,尽可能只给只读权限。

    • 注册并开启日志,以便查看智能体做了什么。

  2. 2按此顺序构建

  3. 3启动你的智能体

    • 复制这个智能体的现成代码。它会在 AI 模型看到之前隐藏密钥和个人数据。

    • 把每个密钥存放在密码管理器或托管平台的密钥设置中。切勿把密钥或密码粘贴到 AItooling 或聊天中。

    • 从小处开始,亲自阅读每个回答,之后再让其他人使用。

想深入了解?

阅读我们的智能体构建分步指南。 浏览指南

更多 AI 智能体蓝图