Browser Automation Skill for Claude
AI browser automation - navigate, interact, extract, verify via browser-use MCP
Install
one command, takes just this skill from the repositorynpx skills add https://github.com/vibeeval/vibecosystem --skill browser-automationWhat it tells the agent to use
found in the instruction textThe instruction itself
10 sections, as written by the authorBrowser 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: [email protected]
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
Other skills for the same job
different authors, same section of the catalogue
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
Use this skill to query your Google NotebookLM notebooks directly from Claude Code for source-grounded, citation-backed answers from Gemini. Browser automation, library management, persistent auth. Drastically reduced hallucinations through document-only responses.
Complete browser automation with Playwright. Auto-detects dev servers, writes clean test scripts to /tmp. Test pages, fill forms, take screenshots, check responsive design, validate UX, test login flows, check links, automate any browser task. Use when user wants to test websites, automate browser interactions, validate web functionality, or perform any browser-based testing.
Automate Electron desktop apps (VS Code, Slack, Discord, Figma, Notion, Spotify, etc.) using agent-browser via Chrome DevTools Protocol. Use when the user needs to interact with an Electron app, automate a desktop app, connect to a running app, control a native app, or test an Electron application. Triggers include "automate Slack app", "control VS Code", "interact with Discord app", "test this Electron app", "connect to desktop app", or any task requiring automation of a native Electron application.
Automate Anchor Browser tasks via Rube MCP (Composio). Always search tools first for current schemas.
Automate Browser Tool tasks via Rube MCP (Composio). Always search tools first for current schemas.
Get Image [from] Internet Link - Zero-setup CLI for downloading full-resolution images from iCloud, Dropbox, Google Photos, and Google Drive share links. Four-tier capture strategy, browser automation, HEIC conversion, album support. Node.js/Playwright.
Expert in building browser extensions that solve real problems - Chrome, Firefox, and cross-browser extensions. Covers extension architecture, manifest v3, content scripts, popup UIs, monetization strategies, and Chrome Web Store publishing. Use when: browser extension, chrome extension, firefox addon, extension, manifest v3.
How to use it
Take vibeeval/browser-automation from the repository into ~/.claude/skills for personal
use, or into .claude/skills inside a project.
The agent identifies a skill by the name field in its header. Two skills with the
same name cannot sit side by side — one of them will be ignored.