bundles/ai-agents/skills/agent-browser/SKILL.md
Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, test web applications, or extract information from web pages.
npx skillsauth add shipshitdev/library agent-browserInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Inputs:
Outputs:
Creates/Modifies:
External Side Effects:
Confirmation Required:
Delegates To:
critique for design reviewaudit for technical quality checksqa-reviewer for final verification of generated workagent-browser open <url> # Navigate to page
agent-browser snapshot -i # Get interactive elements with refs
agent-browser click @e1 # Click element by ref
agent-browser fill @e2 "text" # Fill input by ref
agent-browser close # Close browser
agent-browser open <url>agent-browser snapshot -i (returns elements with refs like @e1, @e2)| Category | Example | Also in this category |
|---|---|---|
| Navigation | agent-browser open <url> | back, forward, reload, close |
| Snapshot | agent-browser snapshot -i | -c compact, -d <n> depth, -s <selector> scope |
| Interactions (@refs) | agent-browser click @e1 | fill, type, press, hover, check/uncheck, select, scroll, drag, upload |
| Get info | agent-browser get text @e1 | html, value, attr, title, url, count, box |
| State checks | agent-browser is visible @e1 | enabled, checked |
| Screenshots & media | agent-browser screenshot page.png --full | pdf, record start/stop |
| Wait | agent-browser wait --url "**/dashboard" | element, time, --text, --load, --fn |
| Mouse | agent-browser mouse move 100 200 | down, up, wheel |
| Semantic locators | agent-browser find role button click --name "Submit" | text, label, first/nth (alternative to @refs) |
| Sessions | agent-browser --session test1 open site-a.com | run parallel browsers; session list |
| Browser settings | agent-browser set viewport 1920 1080 | device, geo, offline, headers, credentials, media |
| Cookies & storage | agent-browser cookies set test_mode true | storage local/session, state save/load |
| Network | agent-browser network route <url> --abort | unroute, requests |
| Tabs, windows, frames | agent-browser tab new [url] | window new, frame "#iframe" |
| Dialogs | agent-browser dialog accept [text] | dismiss |
| JavaScript | agent-browser eval "document.title" | arbitrary JS in page context |
| Debugging | agent-browser console | errors, highlight, trace start/stop, --headed, --cdp <port> |
Add --json to any command for machine-readable output.
See references/commands.md for the full command reference (every flag and variant).
See references/commands.md (§ Common Patterns) for full worked examples: login with saved auth state, form validation testing, visual regression testing, multi-step checkout testing, and API response mocking.
development
TypeScript refactoring and modernization guidelines from a principal specialist perspective. This skill should be used when refactoring, reviewing, or modernizing TypeScript code to ensure type safety, compiler performance, and idiomatic patterns. Triggers on tasks involving TypeScript type architecture, narrowing, generics, error handling, or migration to modern TypeScript features.
tools
Resolves TypeScript and JavaScript problems across type-level programming, performance, monorepo management, migration, and modern tooling. Invoke when diagnosing "type instantiation excessively deep" errors, migrating JS to TS, configuring strict tsconfig, debugging module resolution, or choosing between Biome/ESLint/Turborepo/Nx.
tools
Turborepo monorepo build system guidance. Triggers on: `turbo.json`, task pipelines, `dependsOn`, caching, remote cache, the `turbo` CLI, `--filter`, `--affected`, CI optimization, environment variables, internal packages, monorepo structure, and package boundaries. Use when the user configures tasks or workflows, creates packages, sets up a monorepo, shares code between apps, runs changed packages, debugs cache behavior, or works in an `apps/` plus `packages/` workspace.
tools
Provides Tailwind CSS v4 performance optimization and best practices guidelines. Triggers when writing, reviewing, or refactoring Tailwind CSS v4 code; when working with Tailwind configuration, @theme directive, utility classes, responsive design, dark mode, container queries, or CSS generation optimization.