mcpField
B
browser

browser

github.com/julianromli开发213129 次安装6 天前更新
代码仓库

关于 browser

browser 是一项使用精简 CDP 工具协作浏览网站和抓取内容的技能，面向网页探索与检查任务。它支持启动 Chrome、页面导航、执行 JavaScript、截图和交互式选择元素。

主要功能

  1. 01使用新配置或复制的配置启动 Chrome
  2. 02在当前标签页或新标签页导航
  3. 03在活动页面执行 JavaScript
  4. 04截取视口画面
  5. 05交互式选择页面元素

适用场景

  1. 01在 Chrome 中探索网站
  2. 02用 JavaScript 检查页面内容
  3. 03截取网页视口
  4. 04调查时选择 DOM 元素

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/julianromli/ai-skills --skill browser

安装后在 Claude Code 中输入/browser确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

eval.js
nav.js
package-lock.json
package.json
pick.js
screenshot.js
start.js

详细介绍

浏览器工具

用于协作式网站探索和抓取的精简 CDP 工具。

重要：所有脚本均位于 ~/.factory/skills/browser/，必须使用完整路径调用。

启动 Chrome

~/.factory/skills/browser/start.js              # Fresh profile
~/.factory/skills/browser/start.js --profile    # Copy your profile (cookies, logins)

在 :9222 上启动 Chrome 并开启远程调试。

导航

~/.factory/skills/browser/nav.js https://example.com
~/.factory/skills/browser/nav.js https://example.com --new

导航当前标签页或打开新标签页。

执行 JavaScript

~/.factory/skills/browser/eval.js 'document.title'
~/.factory/skills/browser/eval.js 'document.querySelectorAll("a").length'

在活动标签页中执行 JavaScript（异步上下文）。

重要：代码必须是单个表达式，或使用 IIFE 执行多条语句：

  • 单个表达式：'document.title'
  • 多条语句：'(() => { const x = 1; return x + 1; })()'
  • 避免在代码字符串中换行——保持在同一行

截图

~/.factory/skills/browser/screenshot.js

截取当前视口，并返回临时文件路径。

选择元素

~/.factory/skills/browser/pick.js "Click the submit button"

交互式元素选择器。点击以选择，按住 Cmd/Ctrl 并点击可多选，按 Enter 完成。

使用说明

  • 使用其他工具前，请先启动 Chrome
  • --profile 标志会同步你实际使用的 Chrome 配置文件，让你在所有地方都保持登录状态
  • JavaScript 求值会在页面的异步上下文中运行
  • 使用选择工具可通过点击来直观地选择 DOM 元素

评论

支持 Markdown