with one click
browser-visible
以可见模式启动真实浏览器窗口,适用于演示、调试或需要人工参与的场景。控制 headed/cdpPort 等启动参数。
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Menu
以可见模式启动真实浏览器窗口,适用于演示、调试或需要人工参与的场景。控制 headed/cdpPort 等启动参数。
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | browser_visible |
| version | 1.3.0 |
| description | 以可见模式启动真实浏览器窗口,适用于演示、调试或需要人工参与的场景。控制 headed/cdpPort 等启动参数。 |
| dependencies | {"tools":["browser_use"]} |
本技能控制 browser_use 的启动方式,核心参数:
| 参数 | 类型 | 说明 |
|---|---|---|
headed | Boolean | true = 显示窗口;false(默认)= 无头模式 |
cdpPort | Integer | 指定 CDP 调试端口(不填则自动选择) |
browser_use(action="start")
browser_use(action="start", headed=true)
browser_use(action="start", headed=true, cdpPort=9222)
# 1. 启动
browser_use(action="start", headed=true)
# 2. 打开页面
browser_use(action="open", url="https://example.com")
# 3. 截取快照(查看页面内容)
browser_use(action="snapshot")
# 4. 点击元素
browser_use(action="click", selector="#submit-btn")
# 5. 输入文本
browser_use(action="type", selector="input[name=email]", text="user@example.com")
# 6. 完成后关闭
browser_use(action="stop")
| 场景 | 推荐参数 |
|---|---|
| 向用户演示操作过程 | headed=true |
| 需要用户手动登录(扫码、验证码) | headed=true,遇到登录页暂停并提示用户 |
| 调试自动化脚本 | headed=true |
| 纯自动化、不需要展示 | headed=false(默认) |
MateClaw 的 browser_use 会自动检测系统浏览器,无需手动指定路径。如需调试特定 Chrome 安装位置:
Windows 默认路径:
C:\Program Files\Google\Chrome\Application\chrome.exe
C:\Program Files (x86)\Google\Chrome\Application\chrome.exe
macOS 默认路径:
/Applications/Google Chrome.app/Contents/MacOS/Google Chrome
Linux 默认路径:
/usr/bin/google-chrome
/usr/bin/chromium-browser
stop 再重新 start 才能切换 headed 状态cdpPort 被占用时会报错,换端口或先停止占用该端口的进程Test fixture for SkillBundleMaterializer.
跨平台比价与购物推荐 / Cross-platform price comparison. 淘宝 / 京东 / 天猫 / 拼多多商品聚合搜索 + 拍图识物。需要先启用 ckjia-shopping MCP server 并配置 CKJIA_MCP_KEY 才能用。
根据一句业务需求,自动规划并创建一组分工明确的数字员工(Agent),再把他们编排成一条工作流,无需逐个手工创建。
Debug Node.js via --inspect + Chrome DevTools Protocol CLI.
Author SKILL.md skills: frontmatter, validator limits, structure.
Dark-themed SVG architecture/cloud/infra diagrams as HTML.