LogoOpenclaw Cases
  • openclaw install
LogoOpenclaw Cases

精选 Openclaw 实战案例与详细教程，帮你更快搭建可落地的自动化流程

资源
  • 更新日志
法律
  • Cookie政策
  • 隐私政策
  • 服务条款
© 2026 Openclaw Cases All Rights Reserved.
openclaw browser

Openclaw Browser：
现在先用这两条路线开始

这一页不再讲泛泛的浏览器自动化概念，只讲 Openclaw Browser 最实用的两种接法：Playwright MCP 和 browser-use。前者更稳，后者更像 AI 浏览代理。

openclaw browserPlaywright MCPbrowser-use浏览器自动化MCPSkill

先记住这个选择逻辑

Stable

想要稳定复现，先选 Playwright MCP

如果你的目标是登录后台、点固定按钮、导出文件、反复执行同一套流程，Playwright MCP 往往是最省心的起点。

Agent

想更像“AI 自己去操作页面”，再看 browser-use

browser-use 更偏浏览器代理。你可以更自然地描述目标，但也要接受它会比固定脚本更依赖模型与配置。

Install

Playwright MCP 可以直接让 Openclaw 帮你装

如果你不想自己研究命令、依赖和配置文件，直接告诉 Openclaw 安装 Playwright MCP，是对新手更友好的方式。

Key

browser-use 先准备 key，再谈高级玩法

browser-use 这条路线需要先把官方 key 配好。自定义 API 和 key 也可以做，但更适合后续单独讲清楚。

两种方案怎么选

如果你不是前端或自动化工程师，不用先管底层协议。最简单的判断方式只有一个：任务越固定，越适合 Playwright MCP；任务越灵活、越像“让 AI 自己看页面做判断”，越适合 browser-use。

Playwright MCP

更稳

它更像一条工程化路线。浏览器动作是可控的，结果是可复现的，后期排查问题也更清楚。

适合什么: 固定后台流程、重复点击、导出下载、表单录入、要明确成功失败标准的任务。

安装重点: 可以直接告诉 Openclaw 帮你安装和验证，不一定需要你自己手配。

要提前知道: 如果页面结构经常大改，后面还是要维护选择器和流程步骤。

browser-use

更灵活

它更像给 AI 一个会自己看页面、自己尝试操作的浏览器助手，适合自然语言驱动的代理式操作。

适合什么: 页面半结构化、步骤不是完全固定、你更想说目标而不是写死每一步的场景。

安装重点: 可以先安装 ClawHub 上的 skill，再去 browser-use 官网申请 key 完成配置。

要提前知道: 确定性通常不如 Playwright，而且会多一层模型、key 和兼容性配置。

方案一：Playwright MCP

如果你的目标是“让 Openclaw 稳定接管浏览器动作”，Playwright MCP 通常应该是第一选择。它适合可重复流程，也适合以后继续扩展成更正式的自动化能力。

什么时候优先用它

固定后台流程、需要下载文件、需要明确成功/失败标准时，优先选 Playwright MCP。

你可以把它理解成“AI 在调一个很稳的浏览器执行器”，而不是完全自由发挥的浏览器代理。

怎么安装

推荐方式

直接告诉 Openclaw 帮你安装

对非技术用户来说，这是最省事的方式。Openclaw 可以先检查环境，再继续做安装、接入和最小验证。

请帮我安装 Playwright MCP，并按顺序帮我完成下面这些事情：
1. 先检查当前电脑是否已经有 Node.js、npx 和浏览器运行依赖
2. 如果缺少依赖，告诉我缺什么并继续补齐
3. 把 Playwright MCP 配置到 Openclaw
4. 安装完成后，打开一个测试页面做最小验证
5. 最后告诉我下一步应该怎么给浏览器下指令

这里最重要的不是你背下命令，而是让 Openclaw 把环境真正装到“能控制浏览器”的状态。

底层理解

手动安装时，本质上就是接入 Playwright MCP

如果你想知道底层是什么，可以先记住这两个命令。第一条是拉起 Playwright MCP 服务，第二条是补齐浏览器依赖。

npx @playwright/mcp@latest
npx playwright install
查看 Playwright MCP 官方文档

不同客户端的配置文件格式会不一样，所以如果你不是在排查问题，没必要一开始就自己硬配。

相关入口

Playwright MCP 官方文档

官方说明 Playwright MCP 是什么、适合什么场景，以及常见的接入方式。

Playwright 官网

如果你后面想从“会用”继续走到“懂原理”，这里是最好的延伸入口。

如果你今天的目标只是先让 Openclaw Browser 真正跑起来，优先走 Playwright MCP 这条路线，成功率通常更高。

方案二：browser-use

如果你更希望像在给 AI 下任务，而不是先定义很多固定步骤，那么 browser-use 会更贴近你的直觉。它擅长看页面、理解页面，再尝试继续操作。

什么时候选 browser-use

当页面元素不够稳定，或者你更想说目标而不是手写很多浏览器步骤时，可以考虑 browser-use。

但它不是完全零配置。至少要先把 skill、官方 key，以及对应的模型接好。

怎么安装和接入

推荐方式

先安装 ClawHub 上的 browser-use Skill

如果你准备在 Openclaw 里直接使用 browser-use，先装 skill 更符合实际使用路径。这样 Openclaw 才知道如何调用这套能力。

请帮我安装 browser-use skill，并按顺序帮我完成下面这些事情：
1. 先执行这个命令安装 skill
npx clawhub@latest install browser-use

2. 如果安装过程需要查看 skill 页面，请打开：
https://clawhub.ai/ShawnPana/browser-use

3. 安装完成后，检查 browser-use skill 是否已经可用
4. 然后继续提醒我去申请 browser-use 官方 key
5. 最后告诉我这个 key 应该配到哪里
打开 browser-use Skill

可以把 skill 理解成“把安装步骤、使用方式和约束整理好的能力包”，比你自己从零摸索更省时间。

必须准备

去官网获取 key，并完成基础配置

browser-use 官方路线通常需要先到官网或控制台生成 key，再写进环境变量。你也可以自己改成别的 API 和 key，但那是下一阶段的事。

pip install uv
uv venv --python 3.12
source .venv/bin/activate
uv pip install browser-use
uvx browser-use install

# 然后写入你自己的 key
BROWSER_USE_API_KEY=your_key
打开 browser-use 官方文档

如果你只想先跑通，先按官方 key 方案走，路径更短，也更容易排查问题。

你会用到的入口

browser-use 官方文档

官方 quickstart 里有安装命令、环境变量和基础接入说明。

browser-use Key 入口

需要先在官方控制台生成 key，再把 key 配进本地环境或你的运行环境。

browser-use Skill

如果你准备用 Openclaw 调用 browser-use，这个 skill 入口比单纯看命令更接近你的真实使用方式。

browser-use 也支持换成你自己的 API 和 key，只是配置项更多、兼容细节也更多，所以更适合单独做成教程。

关于自定义 API 和 Key

这条路能走，但现在不建议新手先走

browser-use 确实可以改成你自己的 API 和 key，官方文档也支持自定义模型或 OpenAI 兼容接口。

但一旦进入这条路线，你就要多关心模型兼容性、base URL、环境变量命名、调用参数和报错排查。

所以这页先建议你按官方 key 方案跑通；自定义 API 和 key 的完整教程和推荐方式，会在稍后一段时间单独上线。

现在该怎么开始

如果你今天就想让 Openclaw Browser 开始做事，结论很简单：要稳定、要可复现，就先上 Playwright MCP；要更像 AI 浏览代理，并且愿意多配一步 key，就用 browser-use。先跑通一条路线，比同时研究两套方案更重要。

继续看其他案例

Gemini

打造专属的个性化 AI 助手

拒绝千篇一律的机械化回复，通过三大核心配置文件为你的 AI 注入有趣的灵魂。

查看案例

接入邮件，让 AI 助手开始处理收件箱

通过 Gmail API 和 OAuth 授权，让 Openclaw 读邮件、筛重点、起草回复。

查看案例
X (Twitter)

Openclaw X

使用 Bird Skill 复用浏览器登录态，把 Openclaw X 变成发帖、回复、监控提及、阅读帖子串和自动化运营的一体化工作流。

查看案例

Openclaw 订阅配置

把 GPT、Gemini、Claude 的现有订阅接进 Openclaw，让 Openclaw Codex、Openclaw Gemini 和 Openclaw Claude 尽量避开额外 API 计费。

查看案例

Openclaw Skills 入门

了解怎么把重复任务封装成可复用的 Skills，让 AI 按固定步骤、规则和边界稳定执行。

查看案例

Openclaw 安装与配置

学习如何安装和配置 OpenClaw 自动化系统，覆盖了从环境准备检查、安装到常用的控制台指令。

查看案例

让 AI 帮你谈价省钱

了解 OpenClaw 如何自己查库存、联系经销商，并跨浏览器、邮件和消息渠道多轮谈价，最终帮用户省下 4200 美元。

查看案例

Openclaw 接管 GitHub 工作流

了解如何让 Openclaw 帮你写代码、提 PR、做 Code Review、整理 Issue 和生成 Changelog，把重复的 GitHub 操作全部交给 AI 自主完成。

查看案例

AI 求职助手：投简历、跟进面试

了解如何用 Openclaw 全网搜集岗位、定制简历求职信、批量发送，并整理收件箱回复，把求职最耗时的重复劳动全部交给 AI。

查看案例

AI 租房助手：找房、比价、谈价一站搞定

了解如何用 Openclaw 全网抓取租房信息、跨平台比价、批量发送询盘，并帮你和房东多轮沟通谈价，把租房最耗时的部分全部交给 AI。

查看案例