go について
Web の成果物がコンパイルできるだけでなく、意図どおり動作するかを実ブラウザーで確認するスキルです。画面の動作、コンソールエラー、通信失敗を調べ、修正後に再検証します。
主な機能
- 01実ブラウザーでの動作確認
- 02コンソールと通信失敗の確認
- 03利用可能なブラウザーツールの使用
- 04修正後の再検証
活用シーン
- 01検索結果の関連性確認
- 02JavaScript エラーやリクエスト失敗の発見
- 03不具合修正後の画面再確認
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ laguagu/ claude-code-nextjs-skills --skill goインストール後、Claude Code で/goを入力して読み込まれたか確認します。
詳細
/go — ブラウザでの確認
コンパイルできたことを信頼するのではなく、実際のブラウザで動作を確認してください。利用可能なブラウザツールの中から、確認に最適なものを使用してください。
見落としやすい点:
- 動作結果 — ページが単に表示されるだけでなく、意図したとおりに動作すること。「X」を検索したら、X に関する結果が表示されます。
- コンソールとネットワーク — JavaScript エラーや失敗したリクエスト(4xx/5xx)は、気づかないうちに問題を引き起こします。
ログイン画面が表示されても、そこで作業を止める必要はありません。プロジェクトの環境ファイルやシークレットマネージャーにあるテスト用認証情報を使うか、ユーザーがすでにサインインしているブラウザを使用してください。これで SSO、OAuth、MFA も確認できます。デプロイ済みサイトでは、そのセッションはユーザーの実アカウントです。データを変更せずに確認してください。
問題があれば修正して再度確認してください。同じ問題が繰り返し発生する場合は、対応方針を尋ねてください。
コメント
Markdown 対応