agent-browser

agent-browser によるブラウザー自動化

クイックスタート

agent-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

基本的なワークフロー

1. 移動：agent-browser open <url>
2. スナップショット：agent-browser snapshot -i（@e1、@e2 などの参照を含む要素が返されます）
3. スナップショットの参照を使って操作します
4. ページ遷移後、または DOM に大きな変更があった後は、スナップショットを再取得します
5. 必ず閉じてください：agent-browser close

コマンド

ナビゲーション

agent-browser open <url>      # Navigate to URL
agent-browser close           # Close browser (ALWAYS do this)

スナップショット（ページの分析）

agent-browser snapshot        # Full accessibility tree
agent-browser snapshot -i     # Interactive elements only (recommended)

操作（スナップショットの @ 参照を使用）

agent-browser click @e1           # Click
agent-browser fill @e2 "text"     # Clear and type
agent-browser type @e2 "text"     # Type without clearing
agent-browser press Enter         # Press key
agent-browser scroll down 500     # Scroll page

情報の取得

agent-browser get text @e1        # Get element text
agent-browser get title           # Get page title
agent-browser get url             # Get current URL

待機

agent-browser wait @e1                     # Wait for element
agent-browser wait 2000                    # Wait milliseconds
agent-browser wait --load networkidle      # Wait for network idle

例：フォーム送信（request-website）

# Open Actionbook request page
agent-browser open "https://actionbook.app/request-website"

# Get form elements
agent-browser snapshot -i
# Output shows: textbox "Site URL" [ref=e1], textbox "Email" [ref=e2], textbox "Use Case" [ref=e3], button "Submit" [ref=e4]

# Fill form
agent-browser fill @e1 "https://example.com/products"
agent-browser fill @e2 "[email protected]"
agent-browser fill @e3 "Scraping product catalog"

# Submit
agent-browser click @e4
agent-browser wait --load networkidle

# Verify submission
agent-browser snapshot -i

# Close browser
agent-browser close

権限が必要です

.claude/settings.local.json に追加します：

{
  "permissions": {
    "allow": [
      "Bash(agent-browser *)"
    ]
  }
}

または、./setup.sh を実行して自動で設定します。