agent-browser_skill

Overview

This skill controls a browser like an extension of your hands and eyes. It automates page navigation, element interaction, form filling, screenshots, data extraction, and web app testing. Use it to perform repeatable browser workflows or to debug UI issues quickly.

How this skill works

The skill uses the agent-browser CLI to open URLs, take AI-friendly snapshots that reference interactive elements, and execute actions by element reference (click, fill, type, press keys). Typical flow: open a page, capture a snapshot to discover element refs, then run click/fill/screenshot commands. It can run headless by default or visible with --headed and supports session-scoped parallel tabs.

When to use it

• Navigate to or verify a specific URL
• Automate filling and submitting web forms
• Take screenshots or record page state for debugging
• Scrape visible text or HTML from page elements
• Run quick UI tests or reproduce UX bugs

Best practices

• Start every interactive workflow with agent-browser snapshot -i -c to get element refs
• Prefer element references (e.g., @e3) over brittle selectors for reliable automation
• Use --session to isolate parallel flows and remember to close sessions when done
• Run headed mode (--headed) for visual debugging and headless for CI or scripted runs
• Capture screenshots after key steps to validate state and for audit trails

Example use cases

• Log into a web app, fill credentials, and verify post-login page elements
• Automate a multi-step checkout form: open, fill fields, submit, screenshot confirmation
• Scrape product titles and prices by taking a snapshot and extracting text from listed elements
• Run a smoke test: open critical pages, click key buttons, confirm responses and capture screenshots
• Reproduce a reported UI bug by recording the exact sequence of opens, clicks, and form inputs