【結論】解決策 / 実行コマンド
Claude Codeは公式のClaude in Chrome拡張機能と連携し、可視Chromeウィンドウでページ移動、クリック、入力、コンソール確認、スクリーンショットなどを実行できます。
Puppeteer MCPだけが唯一の手段という説明や、claude_mcp.jsonを必須とする説明は古くなっています。
# ターミナルで実行：Chrome連携を有効にして起動
claude --chrome
# 起動後のセッション内で実行：接続状態を確認
/status
# 起動後のセッション内で実行：Chrome権限を管理
/chrome具体的な手順・設定方法
Claude Codeの案内から公式Claude in Chrome拡張機能を導入します。
対象サイトだけに権限を許可し、ローカル開発サーバーを別ターミナルで起動します。
閲覧、入力、検証の順に進め、送信、購入、削除の前には確認させます。
実践プロンプト / 活用テクニック
# 起動後のセッション内で入力
Chromeでhttp://localhost:3000/loginを開いてください。
テスト用アカウントでログインし、バリデーション表示、ネットワーク失敗、コンソールエラーを確認してください。
データ送信や削除など不可逆操作の前には必ず確認してください。注意点・よくあるエラーと対処法
ログイン済みChromeのCookieやセッションへアクセスできるため、個人メール、決済、管理画面では権限を慎重に設定してください。
CAPTCHA回避、規約違反のスクレイピング、第三者アカウント操作には使用しないでください。
CIで再現可能なテストが必要な場合は、確認した手順をPlaywrightなどのE2Eテストへ落とし込んでください。