Install
openclaw skills install auto-fill通过 Chrome Debug 模式(CDP)读取当前页面的表单结构并自动填写。由用户显式调用(/auto-fill),不自动触发。用户负责导航和点击,Agent 负责识别字段、填写内容、截图确认。
openclaw skills install auto-fill帮你填表。你来点击导航,我来识别字段和填写内容。
/auto-fill 公司名: ACME, 邮箱: foo@bar.com, 备注: 测试订单
数据格式自由,键值对 / 自然语言描述都行,我来匹配字段。
所有浏览器操作必须使用 playwright-cdp 的工具(连接真实 Chrome),不要使用 cursor-ide-browser 的内置浏览器工具。
playwright-cdp 提供的 browser_navigate、browser_snapshot、browser_fill 等cursor-ide-browser 的同名工具(沙盒浏览器,没有登录态)curl -s http://127.0.0.1:9222/json/version
直接执行(后台启动):
nohup /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome \
--remote-debugging-port=9222 \
--user-data-dir="/tmp/chrome_debug_profile" \
> /tmp/chrome_debug.log 2>&1 &
等 2 秒后重新 curl 确认启动成功,再继续。
根据用户的描述推断目标 URL,直接 browser_navigate 过去,不要问用户要链接。
https://www.google.comhttps://wise.com/registerhttps://creem.io只有完全无法推断时,才问用户要链接。
browser_snapshot
获取无障碍树,识别所有可填写字段(input、textarea、select 等)。
把用户提供的数据与页面字段对应:
使用 browser_fill 逐字段填入。
规则:
browser_select_optionbrowser_upload_file,需用户确认路径browser_take_screenshot
展示填写结果,明确告知:「填完了,请你来点提交」。
| 操作 | Agent 做 | 用户做 |
|---|---|---|
| 识别表单字段 | ✅ | |
| 填写内容 | ✅ | |
| 截图确认 | ✅ | |
| 点击导航 / 翻页 | ✅ | |
| 点击提交按钮 | 除非明确说「帮我提交」 | ✅ 默认 |
| 处理弹窗 / 验证码 | ✅ |
如果 ~/.cursor/mcp.json 里没有 playwright-cdp 配置,添加:
"playwright-cdp": {
"command": "npx",
"args": ["-y", "@playwright/mcp@latest", "--cdp-endpoint", "http://127.0.0.1:9222"]
}
添加后提示用户重载 MCP(Cursor 设置 → MCP → Reload)。