mcpField
W
w-debug-browser

w-debug-browser

github.com/blockmatic開発1647 回インストール4 週間前に更新
リポジトリ

w-debug-browser について

Webアプリ開発者向けのブラウザデバッグスキルです。問題の再現、証拠の収集、対象を絞った修正と検証を、不必要な計測を避けながら進めます。

主な機能

  1. 01ブラウザー操作の再現
  2. 02DOM・ネットワーク・コンソール情報の収集
  3. 03クライアントまたはサーバー境界の追跡
  4. 04最小限の修正と検証
  5. 05関連チェックの実行と一時ログの削除

活用シーン

  1. 01ブラウザー操作の不具合調査
  2. 02クライアントとサーバーにまたがる問題の追跡
  3. 03失敗状態や空状態での修正確認

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/blockmatic/basilic-skills --skill w-debug-browser

インストール後、Claude Code で/w-debug-browserを入力して読み込まれたか確認します。

詳細

影響を受ける URL、想定される操作、利用可能なブラウザツールを使用してください。まず、アプリの README とブラウザテストの規約を確認してください。

  1. 計測を追加する前に、操作を再現し、関連する DOM、ネットワーク、コンソールの証拠を収集します。
  2. 障害の原因を、それを所有するクライアントまたはサーバーの境界まで追跡します。必要な一時的なトレースにはリポジトリのロガーを使用し、取得した出力に秘密情報が含まれないようにしてください。
  3. 許可された範囲で最小限の修正を適用し、同じ操作と関連する障害状態または空の状態を再度実行します。
  4. 影響を受ける自動チェックを実行し、ここで追加した一時的なトレースを削除します。ランタイムの証拠と自動テストの結果を区別してください。ツールや認証情報の不足で再現できない場合は、新たな証拠なしに繰り返すのではなく、具体的な制約を報告してください。
  5. ドキュメント:動作またはコマンドを変更した場合は /w-docs を使用してください。

コメント