全网首发！从零拆解爆火Agent智能体，手把手教你4步设计自主决策AI，小白也能秒懂！

关注

原创最新推荐文章于 2026-06-08 15:20:11 发布 1.1k 阅读 AI 写同款· GEO 优化 ›

agent-browser OpenClaw 的最佳搭档 agent-browser 是专为 AI Agent 设计的浏览器自动化工具，目前被公认为 OpenClaw 的最佳配套方案。这份技术文档完整记录了其架构、协议、性能调优与常见问题处理，非常适合想让OpenClaw 真正“上手”互联网的开发者与老用户。阅读详情

以前我们开发的大多数智能体是固定的工作流模式，很少有按照下面的框架，开发具有自主决策和自主使用工具的智能体。

前两天，我分享了一款可以自动使用浏览器完成简单任务的开源Agent——browser-use。

上面演示的是它自动搜索 ‘渡码’，并打开了我的博客。

browser-use 是一款开源 Agent，在 GitHub 上有 1.5w star，一条命令就可以在本地安装使用，门槛非常低。

自从上次分享完之后，我的职业病就犯了，总想拆解一下看看是怎么实现的，所以就有了今天这篇文章。

browser-use 只用了一条提示词完成了上面第一张图中 Agent 的四个模块——Memory、Planning、Tools和Action。

这条提示词在源文件 prompts.py 中，有130行

虽然提示词有点长，但不用担心，按照上面四个模块拆解完就会发现如此清晰、简单。

上面这段提示词是对四个模块的定义，下面我们一个一个来说。

Memory（记忆） - 记录已经完成的任务和接下来要进行的任务。

"memory": "Description of what has been done and what you need to remember until the end of the task",

我把上面‘打开博客’案例的执行过程记录了下来，可以看到 Memory 实际的栗子

'memory': "Baidu is open, ready to search for '渡码'."

Planning（规划**）**- 根据当前页面（网页）判断上一步执行是否成功，生成接下来应该执行的任务。

"evaluation_previous_goal": "Success|Failed|Unknown - Analyze the current elements and the image to check if the previous goals/actions are successful like intended by the task. Ignore the action result. The website is the ground truth. Also mention if something unexpected happened like new suggestions in an input field. Shortly state why/why not",
"next_goal": "What needs to be done with the next actions"

这里包含两部分，第一步是 evaluation_previous_goal 判断之前任务是否成功，之前的任务是什么，可以在记忆中获取，这就解释了为什么第一张图中 Memory 有一条虚线指向 Planning。

之前任务状态决定了下一个任务的规划，如果之前任务失败则重试，如果成功则规划新任务。

实际的栗子：

'evaluation_previous_goal': 'Success - Baidu was successfully opened in a new tab.',
'next_goal': "Input '渡码' into the search box and submit the search."

Tools（工具）- browser-use 定义了15个可以操作网页的工具。

工具的定义会放在提示词中，以便大模型选择。每一个工具都有对应的代码用于完成具体的任务。

Action（行动）- 根据 Planning 生成一系列具体的行动

直接上栗子：

'action': [{'input_text': {'index': 12, 'text': '渡码'}}, {'click_element': {'index': 13}}]

这个例子中，有两个行动，第一步，在页面元素标号12的地方（搜索框）输入‘渡码’；第二步，在页面元素标号13的地方（搜索按钮）点击，完成搜索。

只不过巧合的是，在 browser-use 中所有 Action 都是用 Tools 完成。

有些朋友可能会有疑问，这些标号是怎么来的。

browser-use 是通过分析页面 HTML 代码，识别出页面中的组件（元素），并给每个组件设置一个标号。

在这个页面中，可以看到五颜六色的标记框和框上的标号，这就是 browser-use 识别的。

最终这些信息会转成 ‘1[:]设置’ 这种格式的文本，追加到提示词中，送入大模型

这样，大模型就能知道页面长什么样，从而可以规划任务。

我觉得这个思路非常值得学习，正是由于大模型具备强大的理解能力，才能用几行文本就代替一个复杂的页面，将一件看似复杂的事情大大简化。

browser-use 在实现上还有一些其他值得学习的细节，比如：有些 Action 执行后可能导致页面变化，这时候会中断任务，重新生成新 Action。

再比如，支持视觉大模型，上传整个网页截图，可以让大模型更好理解页面，从而更好地规划任务。感兴趣的朋友可以下载源码继续研究。

另外，最近看到智能体一个新趋势——主动学习。依赖这项能力，Genius智能体仅用10%的数据和2小时训练就在经典游戏Pong中超越顶尖人类玩家和其他AI模型。

我在工作中搭建智能体也深有体会，由于工作中是私有场景，智能体不理解你的业务，所以就无法给你做出正确的 Planning，这时候智能体自主学习能力就很有必要了。

最后，发放一波红包封面，是的，你没猜错，用AI生成的。

不出意外的话这是今年最后一篇文章，提前祝朋友们新的一年生活顺顺利利，家人平平安安，新年快乐。

如何学习大模型 AI ？

由于新岗位的生产效率，要优于被取代岗位的生产效率，所以实际上整个社会的生产效率是提升的。

但是具体到个人，只能说是：

“最先掌握AI的人，将会比较晚掌握AI的人有竞争优势”。

这句话，放在计算机、互联网、移动互联网的开局时期，都是一样的道理。

我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在人工智能学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。但苦于知识传播途径有限，很多互联网行业朋友无法获得正确的资料得到学习提升，故此将并将重要的AI大模型资料包括AI大模型入门学习思维导图、精品AI大模型学习书籍手册、视频教程、实战学习等录播视频免费分享出来。

在这里插入图片描述