Back to Skills

automating-browser

verified

Browser automation using agent-browser CLI. Best for E2E testing, demos, screenshots. Use when automating browser interactions, creating E2E tests, or when user mentions browser automation, E2E test, ブラウザ操作, スクリーンショット, demo, manual testing.

View on GitHub

Marketplace

thkt-development-workflows

thkt/claude-config

Plugin

development-skills

Development Skills

Repository

thkt/claude-config
3stars

skills/automating-browser/SKILL.md

Last Verified

January 21, 2026

Install Skill

Select agents to install to:

Scope:
npx add-skill https://github.com/thkt/claude-config/blob/main/skills/automating-browser/SKILL.md -a claude-code --skill automating-browser

Installation paths:

Claude
.claude/skills/automating-browser/
Powered by add-skill CLI

Instructions

# Browser Automation (agent-browser)

## Core Commands

| Command                              | Purpose                         |
| ------------------------------------ | ------------------------------- |
| `agent-browser --headed open <url>`  | Open URL (visible browser)      |
| `agent-browser open <url>`           | Open URL (headless)             |
| `agent-browser snapshot -i`          | Get interactive elements (refs) |
| `agent-browser click @ref`           | Click element                   |
| `agent-browser fill @ref "text"`     | Clear and fill                  |
| `agent-browser type @ref "text"`     | Type into element               |
| `agent-browser press <key>`          | Press key (Enter, Tab, etc.)    |
| `agent-browser get text @ref`        | Read element text               |
| `agent-browser wait <sel\|ms>`       | Wait for element or time        |
| `agent-browser find <loc> <val> <a>` | Find by role/text/label + act   |
| `agent-browser screenshot [path]`    | Capture screenshot              |
| `agent-browser close`                | Close browser session           |

## Debugging Commands

| Command                                       | Purpose                    |
| --------------------------------------------- | -------------------------- |
| `agent-browser console`                       | Display console output     |
| `agent-browser errors`                        | Show JS error stack traces |
| `agent-browser network requests`              | List captured requests     |
| `agent-browser network requests --filter api` | Filter by keyword          |
| `agent-browser trace start <path>`            | Begin recording trace      |
| `agent-browser trace stop`                    | Save trace file            |

## Workflow

| Step | Action                              |
| ---- | ----------------------------------- |
| 1    | `agent-browser --headed open <url>` |
| 2    | `agent-browser snapshot -i`         |
| 3    | Use `@ref` for operations  

Validation Details

Front Matter
Required Fields
Valid Name Format
Valid Description
Has Sections
Allowed Tools
Instruction Length:
2279 chars