← ClaudeAtlas

agent-browserlisted

Use when you need to reproduce or debug web UI flows (especially auth/OIDC) via the Agent Browser CLI, capture snapshots/screenshots, and extract redirect URLs and on-page errors deterministically. Includes install/setup guidance when the CLI is missing.
intelligentcode-ai/skills · ★ 1 · Web & Frontend · score 68
Install: claude install-skill intelligentcode-ai/skills
# Agent Browser (CLI) Use this skill when we need to verify UI behavior ourselves (login flows, redirects, error toasts) without guessing. ## Install / Setup (If `agent-browser` Is Missing) 1. Check if the CLI is available: ```bash command -v agent-browser && agent-browser --help | head ``` 2. Install Agent Browser CLI (pick one): macOS (Homebrew): ```bash brew install agent-browser ``` Linux: - First install Node.js + npm (examples): ```bash # Debian/Ubuntu sudo apt update && sudo apt install -y nodejs npm # Fedora sudo dnf install -y nodejs npm # Arch sudo pacman -S --needed nodejs npm ``` If your distro Node.js is too old, use a version manager (nvm/fnm/asdf) and install a current Node LTS. All platforms (npm, recommended/fallback): ```bash npm install -g agent-browser ``` Windows note: - If you don't have Node.js yet, install it first (PowerShell): ```powershell winget install OpenJS.NodeJS.LTS ``` 3. Install the browser runtime the CLI uses (one-time per machine/user): ```bash agent-browser install ``` Linux-only note: - If the browser fails to launch due to missing system libraries, try: ```bash agent-browser install --with-deps ``` 4. Sanity check: ```bash agent-browser open https://example.com/ agent-browser snapshot -i agent-browser close ``` ## Artifacts (Cross-Platform) Prefer saving evidence inside the repo so it can be attached/shared predictably: - Default: `.agent/artifacts/agent-browser/<run-id>/` - Include: screenshots (`.png`) and sn