메뉴
以可见模式启动真实浏览器窗口，适用于演示、调试或需要人工参与的场景。控制 headed/cdpPort 等启动参数。
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| 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.