Menú
AI エージェント向けヘッドレスブラウザ自動化 CLI。Web ページのナビゲーション、フォーム入力、スクリーンショット撮影、データ抽出などを実行。Web 操作が必要な場合は最優先で使用すること。
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional SOC
| name | agent-browser |
| description | AI エージェント向けヘッドレスブラウザ自動化 CLI。Web ページのナビゲーション、フォーム入力、スクリーンショット撮影、データ抽出などを実行。Web 操作が必要な場合は最優先で使用すること。 |
Web操作、ブラウザ操作、サイト閲覧が必要な場合は必ずagent-browserを使用すること。 Playwright MCP、Puppeteer MCP、その他のブラウザツールよりも優先して使用する。
agent-browser open <url> # ページを開く
agent-browser snapshot -i # インタラクティブ要素を取得（@e1, @e2...）
agent-browser click @e1 # refで要素をクリック
agent-browser fill @e2 "text" # refで入力
agent-browser close # ブラウザを閉じる
agent-browser open <url>agent-browser snapshot -i → @e1, @e2... のrefを取得agent-browser open <url> # URLに移動
agent-browser back # 戻る
agent-browser forward # 進む
agent-browser reload # リロード
agent-browser close # ブラウザを閉じる
agent-browser snapshot # 完全なアクセシビリティツリー
agent-browser snapshot -i # インタラクティブ要素のみ（推奨）
agent-browser snapshot -c # コンパクト出力
agent-browser snapshot -d 3 # 深度3に制限
agent-browser snapshot -s "#main" # CSSセレクタでスコープ
# クリック系
agent-browser click @e1 # クリック
agent-browser dblclick @e1 # ダブルクリック
# 入力系
agent-browser fill @e2 "text" # クリア＆入力
agent-browser type @e2 "text" # クリアせず入力
# キーボード
agent-browser press Enter # キー押下
agent-browser press Control+a # キーコンビネーション
agent-browser keydown Shift # キーを押す
agent-browser keyup Shift # キーを離す
# その他UI操作
agent-browser hover @e1 # ホバー
agent-browser check @e1 # チェックボックスON
agent-browser uncheck @e1 # チェックボックスOFF
agent-browser select @e1 "value" # ドロップダウン選択
agent-browser focus @e1 # フォーカス
agent-browser scroll down 500 # スクロール
agent-browser scrollintoview @e1 # 要素を表示領域に
agent-browser drag @e1 @e2 # ドラッグ＆ドロップ
agent-browser upload @e1 "file.txt" # ファイルアップロード
agent-browser get text @e1 # 要素のテキスト
agent-browser get html @e1 # innerHTML
agent-browser get value @e1 # input の value
agent-browser get attr @e1 href # 属性値
agent-browser get title # ページタイトル
agent-browser get url # 現在のURL
agent-browser get count "button" # マッチする要素数
agent-browser get box @e1 # 要素のバウンディングボックス
agent-browser is visible @e1 # 表示されているか
agent-browser is enabled @e1 # 有効か
agent-browser is checked @e1 # チェックされているか
agent-browser is editable @e1 # 編集可能か
agent-browser screenshot # stdout に出力
agent-browser screenshot path.png # ファイルに保存
agent-browser screenshot --full # フルページ
agent-browser pdf output.pdf # PDF保存
agent-browser wait @e1 # 要素が表示されるまで
agent-browser wait 2000 # 2秒待機
agent-browser wait --text "Success" # テキスト出現を待機
agent-browser wait --url "**/dashboard" # URL変更を待機
agent-browser wait --load networkidle # ネットワーク待機
agent-browser wait --load domcontentloaded # DOMロード待機
# ロールで検索
agent-browser find role button click --name "Submit"
agent-browser find role textbox fill --name "Email" "user@test.com"
# テキストで検索
agent-browser find text "Sign In" click
# ラベルで検索
agent-browser find label "Email" fill "user@example.com"
# プレースホルダーで検索
agent-browser find placeholder "Enter email" fill "test@test.com"
# testidで検索
agent-browser find testid "submit-btn" click
アクション: click, fill, check, uncheck, hover, text
agent-browser eval "document.title"
agent-browser eval "window.scrollTo(0, 100)"
agent-browser set viewport 1920 1080 # ビューポート設定
agent-browser set device "iPhone 12" # デバイスエミュレーション
agent-browser set geo 35.6812 139.7671 # 位置情報（東京）
agent-browser set offline on # オフラインモード
agent-browser set media dark # ダークモード
agent-browser set timezone "Asia/Tokyo" # タイムゾーン
agent-browser set locale ja-JP # ロケール
# クッキー
agent-browser cookies # 全クッキー取得
agent-browser cookies set name value # クッキー設定
agent-browser cookies get name # 特定クッキー取得
agent-browser cookies clear # クッキークリア
# ローカルストレージ
agent-browser storage local # localStorage取得
agent-browser storage local set k v # 値設定
agent-browser storage local get k # 値取得
agent-browser storage local clear # クリア
# セッションストレージ
agent-browser storage session # sessionStorage取得
# ログイン状態の保存
agent-browser open https://app.example.com/login
agent-browser fill @e1 "username"
agent-browser fill @e2 "password"
agent-browser click @e3
agent-browser wait --url "**/dashboard"
agent-browser state save auth.json
# 後のセッションで復元
agent-browser state load auth.json
agent-browser open https://app.example.com/dashboard
# 複数の独立したブラウザを同時実行
agent-browser --session test1 open site-a.com
agent-browser --session test2 open site-b.com
agent-browser session list
# 環境変数でセッション指定
export AGENT_BROWSER_SESSION=mytest
agent-browser click "#btn"
各セッションは独立した：
agent-browser open example.com --headed # ブラウザウィンドウを表示
agent-browser console # コンソールメッセージ表示
agent-browser errors # ページエラー表示
agent-browser network # ネットワークリクエスト表示
| オプション | 説明 |
|---|---|
--json | JSON出力（AI/スクリプト向け） |
--headed | ブラウザウィンドウを表示 |
--session <name> | セッション名指定 |
--executable-path <path> | カスタムブラウザバイナリ |
agent-browser open https://example.com/form
agent-browser snapshot -i
# 出力: textbox "Email" [ref=e1], textbox "Password" [ref=e2], button "Submit" [ref=e3]
agent-browser fill @e1 "user@example.com"
agent-browser fill @e2 "password123"
agent-browser click @e3
agent-browser wait --load networkidle
agent-browser snapshot -i # 結果確認
agent-browser open https://example.com/products
agent-browser snapshot -i --json > elements.json
agent-browser get text @e5 --json
agent-browser open https://example.com
agent-browser wait --load networkidle
agent-browser screenshot --full page.png
# テスト用の2つのアカウントで並列実行
agent-browser --session user1 open app.com
agent-browser --session user1 fill @e1 "user1@test.com"
agent-browser --session user1 click @e2
agent-browser --session user2 open app.com
agent-browser --session user2 fill @e1 "user2@test.com"
agent-browser --session user2 click @e2
-i（インタラクティブ要素のみ）が最適| 変数 | 説明 |
|---|---|
AGENT_BROWSER_HEADLESS | true/false（デフォルト: true） |
AGENT_BROWSER_SESSION | デフォルトセッション名 |
PLAYWRIGHT_BROWSERS_PATH | ブラウザバイナリのパス |
Apache-2.0
システム設計・アーキテクチャ決定の専門家。トレードオフ分析、設計決定、大規模システム設計に強い。使用場面: (1) システム設計決定、(2) アーキテクチャ選択、(3) トレードオフ分析、(4) 設計レビュー、(5) 技術選定。トリガー: "architect", "設計", "アーキテクチャ", "トレードオフ", "/architect"
コード品質の専門家。品質・セキュリティ・パフォーマンスの観点からコードをレビュー。使用場面: (1) コードレビュー、(2) バグ発見、(3) パフォーマンス改善提案、(4) セキュリティ脆弱性チェック、(5) ベストプラクティス適用確認。トリガー: "code-reviewer", "コードレビュー", "レビュー", "品質確認", "/code-reviewer"
OpenAI Codex CLIを使用したコードレビュー、分析、コードベースへの質問を実行する。使用場面: (1) コードレビュー依頼時、(2) コードベース全体の分析、(3) 実装に関する質問、(4) バグの調査、(5) リファクタリング提案、(6) 解消が難しい問題の調査。トリガー: "codex", "コードレビュー", "レビューして", "分析して", "/codex"
作業計画の検証専門家。計画の完全性・明確性を検証し、見落としや曖昧さを指摘。使用場面: (1) 実装計画レビュー、(2) タスク分解の妥当性確認、(3) 依存関係の検証、(4) リスク特定、(5) スコープ確認。トリガー: "plan-reviewer", "計画", "レビュー", "タスク分解", "/plan-reviewer"
要件分析の専門家。曖昧な要件を明確化し、スコープを定義し、リスクを特定。使用場面: (1) 要件が曖昧な時、(2) スコープ定義、(3) リスク特定、(4) 実現可能性の検証、(5) 依存関係の洗い出し。トリガー: "scope-analyst", "要件", "スコープ", "曖昧", "/scope-analyst"
セキュリティ専門家。脆弱性診断、脅威モデリング、セキュリティベストプラクティス適用を支援。使用場面: (1) セキュリティ脆弱性診断、(2) 脅威モデリング、(3) 認証・認可の設計レビュー、(4) データ保護の検証、(5) セキュリティ監査。トリガー: "security-analyst", "セキュリティ", "脆弱性", "脅威", "/security-analyst"