w-debug-browser について
ブラウザー上で確認できる問題を調査し、許可された最小限の修正を適用して、同じ操作を再実行して検証する Basilic のワークフロースキルです。実行時の証拠と自動テスト結果を区別します。
主な機能
- 01対象のブラウザー操作を再現
- 02DOM、ネットワーク、コンソールの証拠を収集
- 03担当するクライアントまたはサーバー境界を追跡
- 04修正後に操作を再実行
- 05関連する自動チェックを実行
活用シーン
- 01ブラウザー操作の不具合調査
- 02実行時の証拠に基づく失敗や空状態の診断
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ blockmatic-icebox/ basilic-skills --skill w-debug-browserインストール後、Claude Code で/w-debug-browserを入力して読み込まれたか確認します。
詳細
影響を受ける URL、想定される操作、利用可能なブラウザツールを使用してください。まず、アプリの README とブラウザテストの規約を確認してください。
- 計測を追加する前に、操作を再現し、関連する DOM、ネットワーク、コンソールの証拠を収集します。
- 障害の原因を、それを所有するクライアントまたはサーバーの境界まで追跡します。必要な一時的なトレースにはリポジトリのロガーを使用し、取得した出力に秘密情報が含まれないようにしてください。
- 許可された範囲で最小限の修正を適用し、同じ操作と関連する障害状態または空の状態を再度実行します。
- 影響を受ける自動チェックを実行し、ここで追加した一時的なトレースを削除します。ランタイムの証拠と自動テストの結果を区別してください。ツールや認証情報の不足で再現できない場合は、新たな証拠なしに繰り返すのではなく、具体的な制約を報告してください。
- ドキュメント:動作またはコマンドを変更した場合は
/w-docsを使用してください。
コメント
Markdown 対応