Skip to content
Development
Skill

/browser-automation

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

From plugin
vibecosystem
547200 skills138 agents7 hooks

Claude Code

$ npx -y skills add vibeeval/vibecosystem --skill browser-automation --agent claude-code

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
@vibeeval
Ships withvibecosystem

A focused runtime for Claude Code. A bounded worker for Codex. Catalog (in repo): Default core: vibecosystem packages agents, skills and hooks for software work.

547200 skills138 agents
Get the whole plugin

Stars on GitHub

Momentum

stars in total
547
Star history of vibeeval/vibecosystem on GitHub, a chart by star-history.com

Other skills on vibecosystem.

achievements

achievements

Steam-style achievement system with XP, levels, streaks, and skill trees. Gamifies the development workflow. 25 achievements…

agent-benchmark

agent-benchmark

Framework for measuring and tracking agent response quality over time. Detects regressions before they reach production. Use when…

agent-linter

agent-linter

Agent ve skill dosyalarinin yapisal dogrulamasi. Frontmatter kontrol, naming convention, zorunlu bolum kontrolu, tutarlilik…

More skills from other plugins.

brainstorming
Auto-invoked

brainstorming

You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…

@obra@obraInstall Skill
ask-matt

ask-matt

Ask which skill or flow fits your situation. A router over the skills in this repo.

skills2w309k
@mattpocock@mattpocockInstall Skill
accessibility
Auto-invoked

accessibility

Design, implement, and audit accessible UI to WCAG 2.2 Level AA across Web, iOS, and Android — semantic ARIA roles and labels,…

ecc2w293k
@affaan-m@affaan-mInstall Skill
compiler-commit

compiler-commit

Use when you want to verify compiler changes and commit with the correct convention. Runs tests, lint, and format, then commits…

react5d252k
@facebook@facebookInstall Skill

Questions about browser-automation.

Which coding agents can use browser-automation?
browser-automation installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.