OpenClaw + Playwright CLI = 本地 AI 自动化最强组合

说实话，前段时间我每天都要重复做一件事：打开网页、填表、截图、发飞书。机械又枯燥，直到我把 OpenClaw + Playwright CLI 组合起来用——整个人都轻松了。

今天就来聊聊这个组合怎么用，适合谁，以及怎么快速上手。

一、为什么你需要本地浏览器自动化？

 

说实话，浏览器自动化这个需求，比你想象的大得多：

• 运营：每天定时截图、数据填报、签到打卡
• 测试：自动化回归测试、截图对比
• 爬虫：轻度数据采集、不想写复杂爬虫
• DevOps：自动化部署验证、监控截图报告

本地运行 vs 云服务：

二、工具介绍：各自擅长什么？

Playwright CLI：免代码的浏览器自动化

 

Playwright CLI 是微软开源的浏览器自动化工具的命令行版本。最大的亮点是快照机制——不需要写 XPath，不用分析 DOM 结构，命令执行后自动生成元素引用（e1、e2、e3...）。

# 安装
npm install -g playwright-cli

# 打开浏览器
playwright-cli open

# 导航到页面
playwright-cli open https://example.com

# 查看页面快照（精华！）
playwright-cli snapshot

快照会生成一个 YAML 文件，每个可交互元素都有唯一编号：

- e1: <button id="submit">提交</button>
- e2: <input name="email">
- e3: <a href="/about">关于</a>

然后用这些编号操作：

playwright-cli click e1      # 点击
playwright-cli fill e2 "test@email.com"  # 填写

OpenClaw：本地 AI 网关 + 任务调度

 

OpenClaw 是本地 AI 网关，支持：

• 连接各种 AI 模型（MiniMax、Claude、GPT...）
• 定时任务（cron）
• 多渠道消息（飞书、微信、Discord...）
• 工作空间文件读写、脚本执行

简单说：OpenClaw 负责"动脑"，Playwright CLI 负责"动手"。

三、实战演示：5 个常见场景

场景 1：每日自动签到

# 打开签到页面
playwright-cli open https://example.com/signin

# 查看页面元素
playwright-cli snapshot

# 点击签到按钮（假设是 e5）
playwright-cli click e5

# 截图保存
playwright-cli screenshot --filename=daily-sign.png

# 关闭浏览器
playwright-cli close

配合 OpenClaw cron，每天定时执行：

{
  "name": "daily-sign",
  "schedule": "0 9 * * *",
  "payload": "bash /path/to/sign.sh"
}

场景 2：自动填表提交

playwright-cli open https://example.com/form
playwright-cli snapshot

# 填写表单
playwright-cli fill e1 "张三"
playwright-cli fill e2 "zhangsan@company.com"
playwright-cli fill e3 "13800138000"

# 点击提交
playwright-cli click e4

# 保存登录状态（下次不用重新填）
playwright-cli state-save auth.json

场景 3：定时截图监控

#!/bin/bash
# monitor.sh

playwright-cli open https://dashboard.example.com
playwright-cli snapshot
playwright-cli screenshot --filename=report-$(date +%Y%m%d).png
playwright-cli close

# 发送截图到飞书（通过 OpenClaw）
openclaw send-image /path/to/report.png

场景 4：多标签页管理

# 打开第一个页面
playwright-cli open https://example.com

# 新建标签页
playwright-cli tab-new https://example.com/about

# 查看所有标签
playwright-cli tab-list

# 切换标签
playwright-cli tab-select 0

# 关闭当前标签
playwright-cli tab-close

场景 5：AI 驱动的智能自动化（核心亮点！）

这是最酷的用法——让 AI 来判断下一步做什么：

用户：帮我自动填写这个表单
       ↓
OpenClaw（AI 理解意图）
       ↓
调用 Playwright CLI 获取页面快照
       ↓
AI 分析快照，理解表单结构
       ↓
AI 生成操作指令：fill e1 "张三", fill e2 "..."
       ↓
Playwright CLI 执行操作
       ↓
AI 验证结果，判断是否成功

示例：AI 自动填表

# 1. 获取页面
playwright-cli open https://form.example.com
playwright-cli snapshot

# 2. 读取快照文件，发送给 AI
cat page-snapshot.yaml | openclaw ask "分析这个表单，填写姓名、邮箱、电话"

# 3. AI 返回操作指令，本地执行
playwright-cli fill e1 "李四"
playwright-cli fill e2 "lisi@company.com"
playwright-cli fill e3 "13900139000"
playwright-cli click e8

四、进阶技巧：Hermes Agent 让自动化越来越智能

 

Hermes Agent 是 OpenClaw 的自我提升技能，核心作用是让 AI 记住每次自动化的经验，下次做得更好。

工作流程：

执行自动化任务
      ↓
记录操作过程到 ~/hermes-agent/
      ↓
反思：哪里可以优化？有什么坑？
      ↓
沉淀到 memory.md
      ↓
下次执行时检索记忆
      ↓
越来越懂你的需求

文件结构：

~/hermes-agent/
├── memory.md        # 核心记忆
├── promotions.md    # 成功的模式
├── reflections.md   # 反思记录
└── archive/         # 归档

举个例子：

第一次执行"自动签到"，遇到了验证码：

反思记录 (reflections.md)：
- Context: 自动签到任务遇到验证码
- Outcome: 失败，验证码无法自动识别
- Lesson: 遇到验证码时切换为邮件提醒人工处理
- Reusable: yes

下次再执行，AI 会自动处理这个边界情况。

五、上手指南

第一步：安装 Playwright CLI

npm install -g playwright-cli

# 验证安装
playwright-cli --version

第二步：安装 OpenClaw

# macOS
brew install openclaw

# 其他系统参考官方文档
openclaw --version

第三步：配置第一个定时任务

# 创建自动化脚本
cat > ~/scripts/daily-sign.sh << 'EOF'
#!/bin/bash
playwright-cli open https://example.com/signin
playwright-cli snapshot
playwright-cli click e5
playwright-cli screenshot --filename=sign-$(date +%Y%m%d).png
playwright-cli close
EOF

chmod +x ~/scripts/daily-sign.sh

第四步：设置定时任务

openclaw cron add \
  --name "daily-sign" \
  --schedule "0 9 * * *" \
  --payload "bash ~/scripts/daily-sign.sh"

六、优缺点总结

结语

说实话，如果你每天还在手工做浏览器操作，真的该试试这个组合了。OpenClaw 负责动脑（AI 判断），Playwright CLI 负责动手（浏览器操作），再加上 Hermes Agent 不断学习和优化——你的自动化助手会越来越懂你。

别再手工点点点了，让 AI 帮你干活不香吗？😄