自动化与运维

Browser 浏览器自动化技能

无需 MCP 服务器,通过 Chrome DevTools 协议直接驱动 Chrome 完成页面导航、JS 执行、截图与元素选取。

49/ 100
谨慎使用

价值存在,但可靠性、证据或控制措施仍有明显缺口。

查看评分依据 ↓
可直接使用于
Codex · Claude Code
Star 数
★ 2.8k
最近更新
5 个月前
License
AGPL-3.0
browser-automationchrome-devtools-protocolcdpscreenshots
+3dom-pickingjavascript-evaluationweb-testing

这个 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?

使用前请注意
  • 技能核心脚本(start.js/eval.js 等)未随评审证据提供,本次为纯静态文档评审,未执行任何脚本,实际行为不可确认。
  • 使用 CDP 远程调试端口 9222 会允许本机任意进程控制浏览器并访问已登录会话,--profile 模式保留 cookies/认证令牌,请在可信环境使用并注意端口暴露风险。
  • 文档仅有英文,且依赖需从 npm 安装(ws),中国大陆网络环境下 npm 可达性一般但需自行确认。
  • 建议使用者先人工审阅 skills/browser 下脚本源码再安装运行。
开始前你需要
Agent 需要具备
  • Shell / 命令行
  • 网络访问
  • 本地文件系统
需要预先安装
  • Chrome/Chromium
  • Node.js with ws package (npm install --prefix ~/.claude/skills/browser/browser ws)
  • Chrome remote debugging port 9222

先通过仓库安装器安装:npx github:stellarlinkco/myclaude(可用 --list 查看可安装项并单独选择 browser 技能)。技能会装入 ~/.claude/skills/browser/。首次使用前需安装依赖:npm install --prefix ~/.claude/skills/browser/browser ws。本机需已安装 Chrome。

通用方式:手动安装到 Claude Code(macOS / Linux)
tmp="$(mktemp -d)"
git clone --depth 1 https://github.com/stellarlinkco/myclaude.git "$tmp"
mkdir -p ~/.claude/skills
cp -R "$tmp/skills/browser" ~/.claude/skills/
rm -rf "$tmp"

根据源仓库地址和 Skill 路径自动生成,只复制这个 Skill 的文件夹。如果上文有作者提供的安装方式,请优先按作者说明操作;想只在当前项目中使用,把 ~/.claude/skills 换成项目里的 .claude/skills。

如何使用这个 Skill?

试试这样说

安装后,把下面任意一句发给 Agent 即可触发:

  • Click the submit button

典型工作流:(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 供代理继续处理。

这个 Skill 有哪些优点和局限?

优点
  • 零 MCP 依赖,纯 Node.js 脚本 + CDP,部署极轻
  • 全程本地运行,凭据与 cookies 不离开本机
  • --profile 支持持久化登录会话,适合需要认证的页面
  • 输出结构化 JSON,便于代理直接解析使用
局限
  • 仅面向 Chrome(CDP),不声明支持 Firefox/Safari 等其他浏览器
  • 依赖 npm ws 包,首次使用需手动安装依赖
  • 只连接 localhost:9222,不支持远程浏览器实例
  • 仓库未提供该技能的测试套件或版本化变更记录;多浏览器并发会话等场景无文档说明

这个 Skill 与同类方案有什么区别?

与相关 Skills 并排比较;分数均按同一 FSRS 标准得出。

Skill FS 评分 Star 数 最近更新 License
Browser 浏览器自动化技能 本页 49 · 谨慎使用 ★ 2.8k 5 个月前 AGPL-3.0
OpenCLI 浏览器驱动技能 47 · 谨慎使用 ★ 30k 12 天前 Apache-2.0
OpenCLI 浏览器站点地图导航技能 47 · 谨慎使用 ★ 30k 12 天前 Apache-2.0
Cua Driver GUI 自动化技能 61 · 推荐 ★ 30k 11 天前 MIT
OpenCLI 站点地图编写器 56 · 谨慎使用 ★ 30k 12 天前 Apache-2.0

FollowSkills 如何评估这个 Skill?

FollowSkills 评估 · FSRS-2.0
谨慎使用
49/ 100 五分制 2.5 / 5
1信任安全12 / 25 · 2.4/5

SKILL.md 声称所有操作本地运行、凭据不外传,依赖仅 ws 一个且有锁定完整性哈希;但 start.js/eval.js 等脚本源码未在证据中,无法静态核验最小权限、异常时的恢复路径,CDP 9222 调试端口暴露属已知风险面,文档未提示确认或隔离措施,扣分源于权限与恢复机制不可验证。

2可靠稳定8 / 20 · 2.0/5

文档结构自洽、依赖锁定版本固定,快乐路径描述清晰;但关键脚本源码未提供,无法核验错误处理与失败反馈,无测试覆盖 browser 技能自身(仓库 CI 仅测 Go wrapper),扣分源于关键路径不可复现验证。

3适用触发10 / 15 · 3.3/5

frontmatter 触发条件明确(CDP 自动化、截图、DOM 选择),边界说明合理(无需 MCP);但无中文文档支持,未声明非适用范围(如 Firefox、无头环境限制),扣分源于环境适配与非适用边界信息不足。

4规范维护9 / 15 · 3.0/5

有 package./package-lock.、仓库级 AGPL-3.0 许可与安装文档,命名清晰;但技能级缺少版本号、更新日志、已知限制披露与维护责任说明,安装路径写死 ~/.claude 隐含假设,扣分源于治理与分层文档不完整。

5有效结果6 / 15 · 2.0/5

工作流(启动→导航→执行→截图/选择)设计合理、输出结构化 JSON 便于代理消费,边际价值明确(免 MCP 配置);但脚本不可执行核验、无代表性输出证据,扣分源于结果可用性仅有声明无佐证。

6证据核验4 / 10 · 2.0/5

package-lock. 提供 ws 8.18.3 的完整性与来源,属可审计一手材料;但技能核心脚本未在证据中出现,关键行为声明(本地运行、结构化返回)无法独立复核,扣分源于一手材料覆盖面薄弱。

1 2 3 4 5 6

点击维度查看打分理由

评估于 2026年9月9日 审查版本 f2e75c1263a2 评估证据[1][2][3][4][5][6][7][8][9][10]

证据充分度:低 — 主要依赖静态检查、作者材料或有限演示;适合发现线索,不适合做高风险决策。

查看完整评分方法 →

常见问题

需要付费或账号吗?
不需要。技能本身开源(AGPL-3.0),只需本地安装 Chrome 和 Node.js,运行 npx github:stellarlinkco/myclaude 安装,无需任何账号或 API 密钥。
会发送我的登录凭据到别处吗?
不会。文档明确所有操作在本地运行,凭据不离开本机;--profile 的 cookies 仅保存在本地 Chrome 配置文件中。
能控制多个浏览器或远程浏览器吗?
源文档未提及此类支持。脚本固定连接 localhost:9222,默认按单实例本地 Chrome 使用。
执行 JavaScript 有什么限制?
eval.js 支持单个表达式或 IIFE 形式执行多条语句,返回结果以 JSON 交给代理;除此之外的能力边界(如超时、大对象返回)文档未说明。

同仓库的其他 Skills

均来自 stellarlinkco/myclaude

设计与前端

原型提示词生成器

把模糊的界面需求转化为可直接交给 AI 或开发者的、含完整设计规范的结构化原型提示词。

★ 2.8k FS 59 推荐 5 个月前
效率与协作

Product Requirements(产品需求 PRD 生成技能)

通过交互式对话和 100 分质量评分,把模糊想法打磨成 90 分以上才生成的专业 PRD 文档。

★ 2.8k FS 56 谨慎使用 5 个月前
开发与工程

SPARV 五阶段开发工作流

用 Specify→Plan→Act→Review→Vault 五个阶段和外部记忆文件,把模糊需求一次性推进到可验证交付,避免凭假设写代码。

★ 2.8k FS 55 谨慎使用 5 个月前
开发与工程

测试用例生成器(test-cases)

从 PRD 或需求文档自动生成结构化测试用例,覆盖功能、边界、异常与状态流转场景。

★ 2.8k FS 53 谨慎使用 5 个月前
开发与工程

Codeagent 多后端编排技能

通过 codeagent-wrapper 一条命令调用 Codex/Claude/Gemini/OpenCode 多个 AI 后端,完成代码分析、重构与多智能体并行任务编排。

★ 2.8k FS 51 谨慎使用 5 个月前
开发与工程

Harness 长时任务代理框架

让代理任务跨多个会话持续运行:自动存档进度、恢复中断、回滚失败并按依赖顺序调度子任务。

★ 2.8k FS 50 谨慎使用 5 个月前
开发与工程

Skill Install 技能安全安装器

从 GitHub 仓库安装 Claude 技能,并在安装前自动执行安全扫描,拦截恶意代码与后门。

★ 2.8k FS 49 谨慎使用 5 个月前
开发与工程

do — 功能开发编排器

把功能开发拆成五阶段流程,由多个子代理并行完成代码理解、设计、实现与评审,编排器本身从不直接写代码。

★ 2.8k FS 47 谨慎使用 5 个月前
开发与工程

OmO 多智能体编排器

输入 /omo 即可把代码分析、缺陷排查和修复实现分派给最合适的智能体组合,无需固定流水线。

★ 2.8k FS 46 谨慎使用 5 个月前
开发与工程

Dev 端到端开发工作流编排

从需求澄清到 90% 测试覆盖率验证的极简端到端开发流程,通过 codeagent-wrapper 多后端并行执行代码任务。

★ 2.8k FS 43 不推荐 5 个月前

相关 Skills