browser-toolslisted
Install: claude install-skill Brawl345/browser-tools
# Browser Tools
This skill provides a compiled Go binary (`browser-tools`) to interact with a web browser via Chrome DevTools Protocol. Commands automatically wait for elements and start the browser if needed. The binary is located at the skill's base dir.
**IMPORTANT:** Always prefix the binary path when running commands:
```bash
{basedir}/scripts/browser-tools <command> [options]
```
## Start
Start Chrome with remote debugging (done automatically by every command, but can be done explicitly):
```bash
./scripts/browser-tools start
```
## Navigate to a web page
```bash
./scripts/browser-tools navigate https://example.com
# Open in a new tab
./scripts/browser-tools navigate https://example.com --new-tab
```
## Execute JavaScript
NOTE: Always prefer specialized commands like `html`, `mouse`, `network` or `element`/`pick-element` whenever possible.
**IMPORTANT:** Top-level `return` statements cause a `SyntaxError`. Always wrap multi-statement scripts in an IIFE: `(function() { ...; return result; })()`
```bash
./scripts/browser-tools evaluate-js "document.querySelectorAll('a').length"
# Multi-line via heredoc
./scripts/browser-tools evaluate-js - <<'EOF'
(function() {
const elements = document.querySelectorAll('.item');
return elements.length;
})()
EOF
# From a file
./scripts/browser-tools evaluate-js path/to/script.js
```
## Pick DOM elements
Instruct the user to interactively pick a DOM element:
```bash
./scripts/browser-tools pick-element "Click the submit