$npx -y skills add vibeeval/vibecosystem --skill browser-automationAI browser automation - navigate, interact, extract, verify via browser-use MCP
| 1 | # Browser Automation |
| 2 | |
| 3 | AI-powered browser automation via `browser-use` MCP server. Navigate web pages, fill forms, extract content, take screenshots, and verify deployments. |
| 4 | |
| 5 | ## Setup |
| 6 | |
| 7 | Add to `~/.mcp.json`: |
| 8 | |
| 9 | ```json |
| 10 | { |
| 11 | "mcpServers": { |
| 12 | "browser-use": { |
| 13 | "command": "uvx", |
| 14 | "args": ["browser-use", "--mcp"] |
| 15 | } |
| 16 | } |
| 17 | } |
| 18 | ``` |
| 19 | |
| 20 | Restart Claude Code after adding. |
| 21 | |
| 22 | ## Usage |
| 23 | |
| 24 | ### Navigate & Extract |
| 25 | |
| 26 | ``` |
| 27 | /browser-automation navigate https://docs.example.com |
| 28 | /browser-automation extract https://docs.example.com --format markdown |
| 29 | ``` |
| 30 | |
| 31 | ### Form Interaction |
| 32 | |
| 33 | ``` |
| 34 | /browser-automation fill https://app.example.com/login |
| 35 | email: test@example.com |
| 36 | password: [from env TEST_PASSWORD] |
| 37 | submit: button[type=submit] |
| 38 | ``` |
| 39 | |
| 40 | ### Deploy Verification |
| 41 | |
| 42 | ``` |
| 43 | /browser-automation verify https://myapp.com |
| 44 | - Check: homepage loads (< 3s) |
| 45 | - Check: /api/health returns 200 |
| 46 | - Check: login page renders |
| 47 | - Screenshot: homepage, login, dashboard |
| 48 | ``` |
| 49 | |
| 50 | ### Screenshot |
| 51 | |
| 52 | ``` |
| 53 | /browser-automation screenshot https://myapp.com --full-page |
| 54 | /browser-automation screenshot https://myapp.com --element "#hero-section" |
| 55 | ``` |
| 56 | |
| 57 | ## Integration Points |
| 58 | |
| 59 | | Trigger | How It Helps | |
| 60 | |---------|-------------| |
| 61 | | `shipper` deploys | Auto-verify live URL, take screenshots | |
| 62 | | `e2e-runner` needs browser | Natural language browser tests | |
| 63 | | `oracle` needs deep docs | Navigate multi-page documentation | |
| 64 | | `designer` needs references | Capture UI patterns from live sites | |
| 65 | | `qa-engineer` tests forms | Fill and submit forms, verify results | |
| 66 | | `growth` analyzes competitors | Extract features, pricing, UX patterns | |
| 67 | |
| 68 | ## MCP Tools Available |
| 69 | |
| 70 | | Tool | Description | |
| 71 | |------|-------------| |
| 72 | | `browser_navigate` | Go to a URL | |
| 73 | | `browser_click` | Click element by selector or text | |
| 74 | | `browser_type` | Type into input field | |
| 75 | | `browser_screenshot` | Capture page/element screenshot | |
| 76 | | `browser_extract` | Extract page content as text/markdown | |
| 77 | | `browser_wait` | Wait for element or condition | |
| 78 | | `browser_evaluate` | Execute JavaScript in page context | |
| 79 | | `browser_scroll` | Scroll page or element | |
| 80 | |
| 81 | ## Rules |
| 82 | |
| 83 | - Max 1 request/second to same domain |
| 84 | - Respect robots.txt |
| 85 | - Never store credentials in output |
| 86 | - Timeout: 30 seconds per page |
| 87 | - Retry once on failure, then report error |
| 88 | - Blur sensitive data in screenshots |