Web Browser Skill

協調的なサイト探索のための最小限の CDP ツール。

Chrome を起動

./scripts/start.js                  # Isolated reusable profile (default)
./scripts/start.js --profile        # Copy your profile into isolated cache
./scripts/start.js --reset-profile  # Clear selected cached profile before launch

リモートデバッグを有効にして Chrome を起動します（デフォルトポート: :9222）。

プロファイルの動作:

• デフォルトモード: ~/.cache/agent-web/browser/fresh-profile を使用
• --profile モード: ~/.cache/agent-web/browser/profile-copy を使用
• このスキルはお使いの Chrome プロファイルに直接接続しません
• :9222 が未知のインスタンスで既に使用されている場合、起動は失敗します（再利用はしません）

Chrome が標準的な場所にインストールされていない場合は、以下を設定します:

BROWSER_BIN=/path/to/chrome ./scripts/start.js

オプションのデバッグエンドポイント上書き:

BROWSER_DEBUG_PORT=9333 ./scripts/start.js

ナビゲート

./scripts/nav.js https://example.com
./scripts/nav.js https://example.com --new

現在のタブでナビゲートするか、新しいタブを開きます。

デバイスエミュレーション (モバイル)

./scripts/emulate.js --list
./scripts/emulate.js iphone-14
./scripts/emulate.js pixel-7 --landscape
./scripts/emulate.js --reset

ブラウザスキルコマンド用のアクティブなデバイスエミュレーション設定（ビューポート、DPR、タッチ、UA）を設定します。--reset で削除します。

nav.js、eval.js、pick.js、dismiss-cookies.js、screenshot.js などのコマンドは、アクティブな設定を自動的に適用します。

JavaScript を実行

./scripts/eval.js 'document.title'
./scripts/eval.js 'document.querySelectorAll("a").length'
./scripts/eval.js 'JSON.stringify(Array.from(document.querySelectorAll("a")).map(a => ({ text: a.textContent.trim(), href: a.href })).filter(link => !link.href.startsWith("https://")))'

アクティブなタブで JavaScript を実行します（async コンテキスト）。文字列エスケープに注意してください。シングルクォートを使用することをお勧めします。

スクリーンショット

./scripts/screenshot.js
./scripts/screenshot.js --full-page
./scripts/screenshot.js --device iphone-14
./scripts/screenshot.js --device pixel-7 --full-page

スクリーンショットを撮り、一時ファイルパスを返します。

• デフォルト: 現在のビューポート
• --full-page: ドキュメント全体の高さをキャプチャ
• --device <preset>: そのスクリーンショット用の一時的なモバイルエミュレーション

要素を選択

./scripts/pick.js "Click the submit button"

インタラクティブな要素ピッカー。クリックして選択、Cmd/Ctrl+Click で複数選択、Enter で完了。

クッキーダイアログを閉じる

./scripts/dismiss-cookies.js          # Accept cookies
./scripts/dismiss-cookies.js --reject # Reject cookies (where possible)

EU のクッキー同意ダイアログを自動的に閉じます。

ページにナビゲートした後に実行:

./scripts/nav.js https://example.com && ./scripts/dismiss-cookies.js

クイックモバイルデバッグフロー

./scripts/start.js
./scripts/nav.js https://example.com
./scripts/emulate.js iphone-14
./scripts/nav.js https://example.com      # reload with mobile UA
./scripts/dismiss-cookies.js
./scripts/screenshot.js --full-page

バックグラウンドログ（コンソール + エラー + ネットワーク）

start.js によって自動的に起動され、JSONL ログを以下に書き込みます:

~/.cache/agent-web/logs/YYYY-MM-DD/<targetId>.jsonl

手動で起動:

./scripts/watch.js

最新ログをテール:

./scripts/logs-tail.js           # dump current log and exit
./scripts/logs-tail.js --follow  # keep following

ネットワークレスポンスを要約:

./scripts/net-summary.js