【結論】解決策 / 実行コマンド
Claude Codeは公式Claude in Chrome拡張と連携し、Chromeでページ移動、クリック、入力、コンソール確認、スクリーンショット取得を実行できます。
CLIではclaude --chrome、VS Codeでは@browserを利用できます。
# ターミナルで実行：Chrome連携を有効にして起動
claude --chrome
# 起動後のセッション内で実行：Chrome設定を確認
/chrome
# VS Code拡張の入力欄で実行
@browser go to http://localhost:3000 and check the console for errors具体的な手順・設定方法
公式Claude in Chrome拡張を導入し、必要なサイトだけへ権限を与えます。
ローカル開発サーバーを別ターミナルで起動します。
閲覧、入力、送信の順に進め、不可逆操作前に確認します。
実践プロンプト / 活用テクニック
# 起動後のセッション内で入力
Chromeでhttp://localhost:3000/signupを開いてください。
空送信、無効メール、短いパスワードを順に試し、表示されたエラーとコンソールログを報告してください。
実在する個人情報は入力しないでください。注意点・よくあるエラーと対処法
Chromeは既存ログイン状態を共有できるため、管理画面や決済サイトへのアクセスに注意してください。
CAPTCHAや本人確認は人間が処理します。
第三者サイトの規約に反するスクレイピングや自動操作へ使用しないでください。