SSkills导航
首页/Skills/浏览器自动化
自动化中等风险

浏览器自动化

通过自然语言与 CLI 命令自动化 Web 浏览器交互，支持导航、点击、表单填写、数据提取和截图。

by @skillhubv1.0.07 浏览3 下载
#Browserbase#cli#Stagehand#截图#数据提取#浏览器自动化#网页交互
推荐方式

直接交给 AI

无需安装文件。复制一句话，让 AI 在线读取这个 Skill。

下载 Skill ZIP ↓ 查看 SKILL.md 原文 ↗
01

它能帮你做什么

先看懂，再决定要不要交给 AI。

Browser Automation 是一个基于 Stagehead CLI 的浏览器自动化技能，允许用户通过自然语言指令完成常见浏览器操作。主要能力包括：导航到指定 URL、通过自然语言描述执行页面操作（例如"点击登录按钮"）、按需提取页面数据（支持可选 JSON Schema）、查询页面上可交互元素、截取页面截图，以及关闭浏览器会话。环境选择完全自动化：若检测到 BROWSERBASE_API_KEY 与 BROWSERBASE_PROJECT_ID 环境变量，则使用 Browserbase 云浏览器；否则回退到本地 Chrome。首次使用需运行 npm install 与 npm link 生成全局 browser 命令。适合开发调试与生产级抓取场景，但需注意遵守目标站点的服务条款与 robots 规则。

✓自动化登录并填写表单
✓从网页抓取结构化数据
✓网页导航与按钮点击测试
✓批量截取页面截图
✓页面元素发现与探查
02

怎么交给 AI

在线读取优先，本地安装作为备选。

◎
在线读取推荐 · 不需要安装

适合能访问网页的 ChatGPT、Agent 或其他 AI。

AI Prompt请访问 https://skills.dhmip.cn/skills/skillhub/browser-automation/SKILL.md，读取并按照该 Skill 完成任务；如当前环境支持本地安装，也可以下载该 Skill。
↓
下载安装到 Agent适合支持 Skills 的客户端

未登录时可使用公共安装文档；登录后可以按不同 AI 分开管理。

Install Prompt请根据 https://skills.dhmip.cn/install/skillhub.md，安装 @skillhub/browser-automation。
登录后管理多个 AI →
03

兼容性与要求

安装或使用前，先确认环境是否匹配。

适用客户端

Claude Code支持 Bash 与自定义 CLI 命令的 Agent 客户端

使用要求

  • Node.js 与 npm
  • 本地 Chrome 浏览器（或 Browserbase API Key 与 Project ID）
  • 可用的网络访问
  • 已安装依赖并通过 npm link 注册 browser 命令
⌘技术详情查看完整 SKILL.md 与原始内容
⌄
SKILL.mdRaw ↗

name: browser
description: Automate web browser interactions using natural language via CLI commands. Use when the user asks to browse websites, navigate web pages, extract data from websites, take screenshots, fill forms, click buttons, or interact with web applications.
allowed-tools: Bash

Browser Automation

Automate browser interactions using Stagehand CLI with Claude.

First: Environment Selection (Local vs Remote)

The skill automatically selects between local and remote browser environments:

  • If Browserbase API keys exist (BROWSERBASE_API_KEY and BROWSERBASE_PROJECT_ID in .env file): Uses remote Browserbase environment
  • If no Browserbase API keys: Falls back to local Chrome browser
  • No user prompting: The selection happens automatically based on available configuration

Setup (First Time Only)

Check setup.json in this directory. If setupComplete: false:

npm install    # Install dependencies
npm link       # Create global 'browser' command

Commands

All commands work identically in both modes:

browser navigate <url>                    # Go to URL
browser act "<action>"                    # Natural language action
browser extract "<instruction>" ['{}']    # Extract data (optional schema)
browser observe "<query>"                 # Discover elements
browser screenshot                        # Take screenshot
browser close                             # Close browser

Quick Example

browser navigate https://example.com
browser act "click the Sign In button"
browser extract "get the page title"
browser close

Mode Comparison

| Feature | Local | Browserbase |
|---------|-------|-------------|
| Speed | Faster | Slightly slower |
| Setup | Chrome required | API key required |
| Stealth mode | No | Yes |
| Proxy/CAPTCHA | No | Yes |
| Best for | Development | Production/scraping |

Best Practices

  1. Always navigate first before interacting
  2. View screenshots after each command to verify
  3. Be specific in action descriptions
  4. Close browser when done

Troubleshooting

  • Chrome not found: Install Chrome or use Browserbase mode
  • Action fails: Use browser observe to discover available elements
  • Browserbase fails: Verify API key and project ID are set

For detailed examples, see [EXAMPLES.md](EXAMPLES.md).
For API reference, see [REFERENCE.md](REFERENCE.md).