AgentSkillsCN

web-browser

允许通过点击按钮、填写表单、导航链接等操作与网页进行交互。它通过 Chrome DevTools 协议(CDP)远程控制 Google Chrome 或 Chromium 浏览器来实现这一功能。当 Claude 需要浏览网页时,便可借助此技能轻松完成。

SKILL.md
--- frontmatter
name: web-browser
description: "Allows to interact with web pages by performing actions such as clicking buttons, filling out forms, and navigating links. It works by remote controlling Google Chrome or Chromium browsers using the Chrome DevTools Protocol (CDP). When Claude needs to browse the web, it can use this skill to do so."
license: Stolen from Mario

Web Browser Skill

Minimal CDP tools for collaborative site exploration.

Start Chrome

```bash ./tools/start.js # Fresh profile ./tools/start.js --profile # Copy your profile (cookies, logins) ```

Start Chrome on :9222 with remote debugging.

Navigate

```bash ./tools/nav.js https://example.com ./tools/nav.js https://example.com --new ```

Navigate current tab or open new tab.

Evaluate JavaScript

```bash ./tools/eval.js 'document.title' ./tools/eval.js 'document.querySelectorAll("a").length' ./tools/eval.js 'JSON.stringify(Array.from(document.querySelectorAll("a")).map(a => ({ text: a.textContent.trim(), href: a.href })).filter(link => !link.href.startsWith("https://")))' ```

Execute JavaScript in active tab (async context). Be careful with string escaping, best to use single quotes.

Screenshot

```bash ./tools/screenshot.js ```

Screenshot current viewport, returns temp file path

Pick Elements

```bash ./tools/pick.js "Click the submit button" ```

Interactive element picker. Click to select, Cmd/Ctrl+Click for multi-select, Enter to finish.