browser-cdp

Use this skill when you need to control a Chrome browser via CDP (Chrome DevTools Protocol) to reuse existing login sessions. Covers: launching Chrome in debug mode, opening URLs, waiting for page load, evaluating JavaScript, taking snapshots, and extracting auth tokens. Trigger phrases: browser aut

By zenstory-ai · 13,620 installs

npx skills add zenstory-ai/oh-story-claudecode --skill browser-cdp

Source repository · Upstream listing

Browser CDP 操作工具 通过 CDP 协议控制 Chrome,复用已有登录态,执行浏览器自动化操作。 前置条件 macOS / Linux / Windows(实验性),已安装 Google Chrome Node.js 20+ agent browser 已安装: npm install g agent browser ⚠️ 首次启动会 kill 用户的常规 Chrome。 在启动前必须征求用户同意(见下方"启动流程"),否则用户可能丢失未保存的标签页/草稿。 启动流程(skill mode 强制步骤) 第一步:探测当前状态(无副作用) 输出形如: 或: 第二步:根据探测结果分支 CDP STATUS=ready → 直接使用 agent browser cdp 9222 ... , 不要运行 setup 。 CDP STATUS=needs setup 且 CHROME RUNNING=no → 安全启动: CDP STATUS=needs setup 且 CHROME RUNNING=yes → 先用 AskUserQuestion 工具向用户确认 :告知会杀掉 N 个 Chrome 进程、可能丢失未保存工作;用户同意后再带 yes 启动;用户拒绝则放弃这次自动化。 为什么不能直接 yes : 脚本在非 TTY(即 skill 模式 / Bash 工具)下,如果检测到 Chrome 在跑而没有 yes ,会以退出码 3 报 NEEDS CONSENT: ... 并中止, 不会 静默杀进程。这是有意的兜底——但 skill 流程仍应先问用户,而不是看到 3 就盲传 yes 。 启动脚本选项 选项 说明 detect only 只探测,不修改任何状态(skill 用) yes 已征得同意,跳过交互提示 reset 启动前清空 ~/chrome debug profile (登录失效时用) profile <name 使用非 Default 的 Chrome profile(如 "Profile 1" ) dry run 打印将执行的步骤,不执行 退出码: 0 成功 / 1 通用错误 / 2 用户拒绝(TTY)/ 3 需同意但缺 yes 。 常用操作 打开页面并等待加载 提取页面文本 提取 Auth Token 复杂 JS(含引号 / $ / 反引号) shell 转义容易出错,用以下两种方式之一: 页面交互(snapshot 拿元素引用) 停止 / 清理 关掉 debug Chrome 窗口即可。若窗口无响应,先按 user data dir 核验出 debug 实例的 PID 再只结束它: macOS / Linux: pgrep af chrome debug profile Windows: wmic process where "name='chrome.exe'" get ProcessId,CommandLine findstr chrome debug profile 拿到 PID 后 kill 9 {PID} / taskkill /F /PID {PID} 。核验不出归属时停止, 手工清理不得按 Chrome 可执行文件名批量结束进程 ——那会连带杀掉用户的日常 Chrome。 例外: setup cdp chrome.js reset 内部确实会做一次按可执行名的清理,它属于本 skill 自带的、需 yes 显式同意的启动流程;手工排障不要复制该做法。 登录态失效: node {SKILL DIR}/scripts/setup cdp chrome.js 9222 reset yes (注意 yes 同样需要先问用户)。 OpenCode 环境注意事项 opencode 没有后台执行命令行的工具,长时间的 CDP 操作(如等待页面加载、大批量数据抓取)会阻塞整个会话,导致 CLI 无响应。 超时包装 Windows 上对 CDP 命令使用 PowerShell Job 包装超时: macOS / Linux 上使用 timeout 命令: 已知限制 即使加了超时包装,以下场景仍可能出现问题: 场景 风险 缓解 页面加载超时 eval 命令等待永不返回 设置 30s 超时,超时后重试 大批量数据抓取 多页翻页时累计等待过长 每页独立超时,失败后从断点继续 Chrome 进程僵死 CDP 连接断开但进程未退出 先核验 debug profile 对应 PID,只结束该 debug 实例后重连;不得连带普通 Chrome 网络波动 请求挂起无超时 超时后自动重试一次 如遇到持续卡死的操作,在 opencode 中按 ESC 手动打断。 常见问题 问题 解决方案 NEEDS CONSENT + 退出码 3 用 AskUserQuestion 询问用户是否允许杀掉 Chrome,同意后加 yes 重跑 CDP 端口未监听 detect only 再确认;端口被占用则换端口 页面跳转到登录页 snapshot i 找登录按钮并操作 eval 返回 null 检查 localStorage key 名;含引号的 JS 用 eval b 或 stdin 登录态过期 setup cdp chrome.js 9222 reset yes 重新拷贝 有多个 Chrome profile profile "Profile 1" 指定 Chrome 不会启动(30s 超时) 试 reset ;检查端口冲突;查看 ~/chrome debug profile/ 是否损坏