Skip to content
Development
Skill

/browser-automation

AI browser automation - navigate, interact, extract, verify via browser-use MCP

From plugin
vibecosystem
534200 skills138 agents7 hooks
Install
$ npx -y skills add vibeeval/vibecosystem --skill browser-automation --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/browser-automation

Context preview

The summary Claude sees to decide when to auto-load this skill.

AI browser automation - navigate, interact, extract, verify via browser-use MCP

SKILL.md

browser-automation.SKILL.md
name: browser-automation
description: AI browser automation - navigate, interact, extract, verify via browser-use MCP
allowed-tools: [Bash, Read, Write, WebFetch]
keywords: [browser, automation, scrape, navigate, click, form, screenshot, deploy-verify, e2e]
mcp_servers: [browser-use]

Browser Automation

AI-powered browser automation via `browser-use` MCP server. Navigate web pages, fill forms, extract content, take screenshots, and verify deployments.

Setup

Add to `~/.mcp.json`:

{
  "mcpServers": {
    "browser-use": {
      "command": "uvx",
      "args": ["browser-use", "--mcp"]
    }
  }
}

Restart Claude Code after adding.

Usage

Navigate & Extract

/browser-automation navigate https://docs.example.com
/browser-automation extract https://docs.example.com --format markdown

Form Interaction

/browser-automation fill https://app.example.com/login
  email: test@example.com
  password: [from env TEST_PASSWORD]
  submit: button[type=submit]

Deploy Verification

/browser-automation verify https://myapp.com
  - Check: homepage loads (< 3s)
  - Check: /api/health returns 200
  - Check: login page renders
  - Screenshot: homepage, login, dashboard

Screenshot

/browser-automation screenshot https://myapp.com --full-page
/browser-automation screenshot https://myapp.com --element "#hero-section"

Integration Points

| Trigger | How It Helps | |---------|-------------| | `shipper` deploys | Auto-verify live URL, take screenshots | | `e2e-runner` needs browser | Natural language browser tests | | `oracle` needs deep docs | Navigate multi-page documentation | | `designer` needs references | Capture UI patterns from live sites | | `qa-engineer` tests forms | Fill and submit forms, verify results | | `growth` analyzes competitors | Extract features, pricing, UX patterns |

MCP Tools Available

| Tool | Description | |------|-------------| | `browser_navigate` | Go to a URL | | `browser_click` | Click element by selector or text | | `browser_type` | Type into input field | | `browser_screenshot` | Capture page/element screenshot | | `browser_extract` | Extract page content as text/markdown | | `browser_wait` | Wait for element or condition | | `browser_evaluate` | Execute JavaScript in page context | | `browser_scroll` | Scroll page or element |

Rules

  • Max 1 request/second to same domain
  • Respect robots.txt
  • Never store credentials in output
  • Timeout: 30 seconds per page
  • Retry once on failure, then report error
  • Blur sensitive data in screenshots
Read more
Ships withvibecosystem

Your AI software team. Built on Claude Code. vibecosystem turns Claude Code into a full AI software team — 138 specialized agents that plan, build, review, test, and learn from every mistake. No configuration needed — just install and code.

Get the whole plugin

Other skills on vibecosystem.