Browser 浏览器自动化技能
无需 MCP 服务器,通过 Chrome DevTools 协议直接驱动 Chrome 完成页面导航、JS 执行、截图与元素选取。
SKILL.md 声称所有操作本地运行、凭据不外传,依赖仅 ws 一个且有锁定完整性哈希;但 start.js/eval.js 等脚本源码未在证据中,无法静态核验最小权限、异常时的恢复路径,CDP 9222 调试端口暴露属已知风险面,文档未提示确认或隔离措施,扣分源于权限与恢复机制不可验证。
文档结构自洽、依赖锁定版本固定,快乐路径描述清晰;但关键脚本源码未提供,无法核验错误处理与失败反馈,无测试覆盖 browser 技能自身(仓库 CI 仅测 Go wrapper),扣分源于关键路径不可复现验证。
frontmatter 触发条件明确(CDP 自动化、截图、DOM 选择),边界说明合理(无需 MCP);但无中文文档支持,未声明非适用范围(如 Firefox、无头环境限制),扣分源于环境适配与非适用边界信息不足。
有 package./package-lock.、仓库级 AGPL-3.0 许可与安装文档,命名清晰;但技能级缺少版本号、更新日志、已知限制披露与维护责任说明,安装路径写死 ~/.claude 隐含假设,扣分源于治理与分层文档不完整。
工作流(启动→导航→执行→截图/选择)设计合理、输出结构化 JSON 便于代理消费,边际价值明确(免 MCP 配置);但脚本不可执行核验、无代表性输出证据,扣分源于结果可用性仅有声明无佐证。
package-lock. 提供 ws 8.18.3 的完整性与来源,属可审计一手材料;但技能核心脚本未在证据中出现,关键行为声明(本地运行、结构化返回)无法独立复核,扣分源于一手材料覆盖面薄弱。
- 技能核心脚本(start.js/eval.js 等)未随评审证据提供,本次为纯静态文档评审,未执行任何脚本,实际行为不可确认。
- 使用 CDP 远程调试端口 9222 会允许本机任意进程控制浏览器并访问已登录会话,--profile 模式保留 cookies/认证令牌,请在可信环境使用并注意端口暴露风险。
- 文档仅有英文,且依赖需从 npm 安装(ws),中国大陆网络环境下 npm 可达性一般但需自行确认。
- 建议使用者先人工审阅 skills/browser 下脚本源码再安装运行。
这个 Skill 能做什么,适合哪些场景?
browser 是 stellarlinkco/myclaude 仓库中 11 个技能之一,位于 skills/browser/。它提供一组极简的 Chrome DevTools 协议(CDP)脚本,用于在本地控制 Chrome:启动带远程调试的 Chrome、导航网页、在浏览器上下文中执行 JavaScript、截图保存 PNG,以及可视化点选 DOM 元素并返回其元数据。所有脚本通过 localhost:9222 连接 Chrome,以结构化 JSON 返回结果,方便代理直接消费。全程本地运行,凭据不出本机。
技能包含四个脚本:start.js 启动带 9222 远程调试端口的 Chrome(--profile 可保留 cookies 和登录态);nav.js 导航当前或新标签页到指定 URL;eval.js 在浏览器中执行 JavaScript 表达式或 IIFE;screenshot.js 截取当前页面并返回保存 PNG 的路径与文件名;pick.js 让用户按提示点选页面元素,返回标签、id、class、文本、href、selector、rect 等元数据。所有脚本经 CDP WebSocket(依赖 ws 包)与 Chrome 通信,输出结构化 JSON。
- 测试工程师想让 Claude Code 自动打开页面、执行检查并截图,用于网页回归验证
- 数据采集场景:代理需要在已登录的浏览器会话中导航页面并提取内容
- 开发者需要快速查看某元素的选择器、文本和位置信息,用 pick.js 点选即可获得
- 需要在真实浏览器环境中执行 JavaScript 并取回结果(如读取 document.title 或自定义 IIFE)
- 不想配置 MCP 服务器的用户,希望用最轻量的脚本直接控制浏览器
这个 Skill 有哪些优点和局限?
- 零 MCP 依赖,纯 Node.js 脚本 + CDP,部署极轻
- 全程本地运行,凭据与 cookies 不离开本机
- --profile 支持持久化登录会话,适合需要认证的页面
- 输出结构化 JSON,便于代理直接解析使用
- 仅面向 Chrome(CDP),不声明支持 Firefox/Safari 等其他浏览器
- 依赖 npm ws 包,首次使用需手动安装依赖
- 只连接 localhost:9222,不支持远程浏览器实例
- 仓库未提供该技能的测试套件或版本化变更记录;多浏览器并发会话等场景无文档说明
如何安装这个 Skill?
先通过仓库安装器安装:npx github:stellarlinkco/myclaude(可用 --list 查看可安装项并单独选择 browser 技能)。技能会装入 ~/.claude/skills/browser/。首次使用前需安装依赖:npm install --prefix ~/.claude/skills/browser/browser ws。本机需已安装 Chrome。
如何使用这个 Skill?
典型工作流:(1) scripts/start.js --profile 启动 Chrome(保留登录态则加 --profile);(2) scripts/nav.js https://example.com 导航页面(--new 开新标签页);(3) scripts/eval.js 'document.title' 执行 JS 检查;(4) scripts/screenshot.js 截图或 scripts/pick.js "Click the submit button" 点选元素。脚本均连接 localhost:9222,返回结构化 JSON 供代理继续处理。