AI エージェントにブラウザを操作させる4ツールの選び方

• URL: https://zenn.dev/takna/articles/ai-agent-browser-tools
• 日付: 2026-06-22
• Tier: Tier 3
• 要旨: AI エージェント向けブラウザ操作ツール4つ（Claude in Chrome・chrome-devtools-mcp・agent-browser・Playwright MCP）の用途別選択ガイド。単体選択：E2E・CI回帰なら Playwright MCP（クロスブラウザ一択）、Lighthouse 監査なら chrome-devtools-mcp、ログイン必須画面なら Claude in Chrome、軽量・高速なら agent-browser。組み合わせ例：操作 Claude in Chrome or agent-browser・品質ゲート chrome-devtools-mcp・CI回帰 Playwright MCP。4ツール比較で提供元・形態・主軸・ブラウザ・Lighthouse・認証・CI・トークン効率・料金・導入で各軸異なる。セキュリティは各ツール詰める点あり（認証範囲・バイナリ検証・権限管理）。

詳細

4つのブラウザ操作ツール選択軸：単体で選ぶなら用途別に異なる。Firefox/WebKit 含むクロスブラウザ E2E・CI 回帰なら Playwright MCP（一択）。Lighthouse 監査・メモリリーク・パフォーマンス診断なら chrome-devtools-mcp（診断機能最厚）。ログイン必須（SSO/OAuth/2FA）の画面操作・動作確認なら Claude in Chrome（純正・権限 UI）。Chrome での AI 操作を軽量・高速・トークン節約なら agent-browser（CLI ファースト）。組み合わせ構成例：操作 Claude in Chrome または agent-browser・品質ゲート chrome-devtools-mcp・CI 回帰 Playwright MCP；Vercel/Next.js 中心：操作 agent-browser・診断 chrome-devtools-mcp；書いた直後同セッション確認：Claude in Chrome 単体または chrome-devtools-mcp(auto-connect)併用。4ツール比較表で Google Chrome・Vercel Labs・Microsoft 各提供元・Chrome 拡張・MCP(CDP)・CLI(Rust)・MCP(Playwright) 形態・操作・診断・操作・自動化テスト各主軸。Chrome/Edge・Chrome のみ・Chrome Chromium 系・Chromium/Firefox/WebKit/Edge クロスブラウザ対応。Lighthouse ◎/◎/✕/✕・ログイン継承 ◎/◎/◯/△・CI 無人実行 ✕/△/◎/◎・トークン効率 中/中/◎/中・前提料金は要 Anthropic 有料プラン / 無料 OSS / 無料 OSS / 無料 OSS。GitHub スター数・Open Issues・初回公開日・MCP 実績で規模・新しさ表示。agent-browser「37% トークン削減」「95% 成功率」は Vercel 内部/追随メディアベンチで独立第三者再現未確認・本番採用事例未発見。セキュリティは Claude in Chrome が実ログイン状態共有でオペレータ権限・プロンプトインジェクション管理要点；agent-browser にバイナリ配布チェックサム検証ない Issue；chrome-devtools-mcp に/tmp symlink following 脆弱性 CVE-2026-53765；Playwright MCP も CI 上シークレット扱い注意。組織導入は権限・シークレット管理前提で評価。