自动化与运维 browser-automationchrome-devtools-protocolcdpscreenshotsdom-pickingjavascript-evaluationweb-testing

Browser 浏览器自动化技能

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

FollowSkills 评估 · FSRS-2.0
谨慎使用
49/ 100 五分制 2.5 / 5
1 2 3 4 5 6
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 的完整性与来源,属可审计一手材料;但技能核心脚本未在证据中出现,关键行为声明(本地运行、结构化返回)无法独立复核,扣分源于一手材料覆盖面薄弱。

证据充分度: 评估于 2026年9月9日 审查版本 f2e75c1263a2
使用前请注意
  • 技能核心脚本(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。

  1. 测试工程师想让 Claude Code 自动打开页面、执行检查并截图,用于网页回归验证
  2. 数据采集场景:代理需要在已登录的浏览器会话中导航页面并提取内容
  3. 开发者需要快速查看某元素的选择器、文本和位置信息,用 pick.js 点选即可获得
  4. 需要在真实浏览器环境中执行 JavaScript 并取回结果(如读取 document.title 或自定义 IIFE)
  5. 不想配置 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 供代理继续处理。

常见问题

需要付费或账号吗?
不需要。技能本身开源(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 或开发者的、含完整设计规范的结构化原型提示词。

效率与协作

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

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

开发与工程

SPARV 五阶段开发工作流

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

开发与工程

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

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

开发与工程

Codeagent 多后端编排技能

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

开发与工程

Harness 长时任务代理框架

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

开发与工程

Skill Install 技能安全安装器

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

开发与工程

do — 功能开发编排器

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

开发与工程

OmO 多智能体编排器

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

开发与工程

Dev 端到端开发工作流编排

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

相关 Skills