Browser Tools

Setup

npm install --prefix skills/browser

Start Chrome

./skills/browser/scripts/start.js              # Fresh profile
./skills/browser/scripts/start.js --profile    # Copy your profile (cookies, logins)

:9222

Navigate

./skills/browser/scripts/nav.js https://example.com
./skills/browser/scripts/nav.js https://example.com --new

Evaluate JavaScript

./skills/browser/scripts/eval.js 'document.title'
./skills/browser/scripts/eval.js 'document.querySelectorAll("a").length'

• Single expression:

  'document.title'

• Multiple statements:

  '(() => { const x = 1; return x + 1; })()'

• Avoid newlines in the code string - keep it on one line

Screenshot

./skills/browser/scripts/screenshot.js

Pick Elements

./skills/browser/scripts/pick.js "Click the submit button"

Workflow

1. Start Chrome with

   start.js --profile

   to mirror your authenticated state.
2. Drive navigation via

   nav.js https://target.app

   or open secondary tabs with

   --new

   .
3. Inspect the DOM using

   eval.js

   for quick counts, attribute checks, or extracting JSON payloads.
4. Capture artifacts with

   screenshot.js

   for visual proof or

   pick.js

   when you need precise selectors or text snapshots.

Usage Notes

• Start Chrome first before using other tools
• The

  --profile

  flag syncs your actual Chrome profile so you're logged in everywhere
• JavaScript evaluation runs in an async context in the page
• Pick tool allows you to visually select DOM elements by clicking on them