トラブルシューティングのワークフローを効率化するために、AIコーディングエージェント内でmabl デバッガーを使用して、失敗のトリアージ、実際のChromeウィンドウでの再現、PRを開く前の成功確認ができるようになりました。実行出力、ローカルコード、ブラウザを行き来して修正を確認する必要はもうありません。
mabl CLIの最新バージョンに含まれる新しいmabl agent debugコマンドは、エージェントが失敗した実行を処理するための2つの方法を提供します。
- 失敗の調査:失敗した実行からステップのトレース、コンソール出力、ネットワークリクエスト(HAR)、DOMスナップショット、スクリーンショットを取得します。エージェントは、あなたが使用するのと同じ情報をもとに失敗を調査します。
- ライブデバッグ:エージェントが操作するローカルのChromeセッションを開きます。エージェントはテストをステップごとに実行し、ライブページを検査して修正を適用し、失敗したステップを再実行して成功を確認します。
関連するアーティファクトのみを取得してリアルタイムで課題を確認することで、mablデバッガーはセッションをスリムに保ち、不要なトークン消費を最小限に抑えます。
試してみる
開始する前に、以下がインストールされていることを確認してください。
- Claude Code、Cursor、VSCode、GitHub Copilot、または
AGENTS.mdファイルを読み込むその他のクライアントなど、MCPをサポートするAIコーディングエージェント。 - mabl CLIの最新バージョン
mablデバッガーを使用するには、mabl CLIにログインしている必要があります。
mabl auth login
mablデバッガーのインストール
mabl デバッグスキルをエージェントにインストールするには、mabl CLI で次のコマンドを実行してください。
mabl agent install [client]
[client] をエージェント名(claude、cursor、vscode、copilot、またはその他のツールの場合は agents-md など)に置き換えてください。たとえば、Claude Code にデバッガーをインストールする場合は、次のコマンドを実行してください。
mabl agent install claude
インストールコマンドは3つのツールを追加します。
- mabl debug skill — 失敗した mabl テストからデータを抽出し、課題を分析・解決する機能をエージェントに付与します。
- mabl MCP - mablワークスペースへのアクセスや、結果の取得、失敗の分析などのツールをエージェントに付与します。
- chrome-for-mabl MCP — ライブデバッグセッションを観察し、ブラウザを操作する機能をエージェントに付与します。
失敗を調査する
最近の mabl テストの失敗についてエージェントに確認し、次のプロンプトでデバッグプロセスを開始してください。
「このテスト実行をローカルでデバッグできますか?」
エージェントはトレースを取得し、アーティファクトを読み取り、仮説を提示します。
ライブデバッグ
さらに詳しく調べるには、エージェントにローカルで失敗を再現するよう依頼してください。
「ローカルで再現できますか?」
エージェントはローカルの Chrome for Testing セッションを開始し、テストをステップごとに実行します。完了後、エージェントは概要を提供し、テストの更新やコードの修正など具体的な解決策を提案します。これにより、エージェントセッションを離れることなく修正を完了できます。
フィードバックを共有
うまくいったこと、うまくいかなかったことをぜひお聞かせください。フィードバックは mabl の CSM までお寄せください。皆さんのフィードバックが、mabl コミュニティにとってより良いプロダクトの構築に役立ちます!
詳細はこちら
オプションのインストールフラグや4ステップのデバッグループの詳細については、ドキュメントをご覧ください。