WebMCP は、ウェブサイトが機能を AI エージェントによって呼び出される構造化されたツールとして公開するための提案されているウェブ標準です。エージェント向け Chrome DevTools を使用すると、コーディング エージェントがこれらのツールと直接やり取りできるようになり、ウェブサイトを WebMCP 対応にする方法を分析して提案できます。
エージェント用の DevTools を使用すると、アプリケーションが WebMCP ツールを正しく公開していることを確認し、実行をテストして、サイトで公開された追加機能が AI エージェントに役立つ領域を特定できます。WebMCP は、Modern Web Guidance に含まれるエージェント スキルを使用してウェブサイトに実装できます。
WebMCP を使用する場合は、次の点に注意してください。
- 試験運用版フラグ: WebMCP カテゴリはデフォルトでは有効になっていません。
--categoryExperimentalWebmcpフラグを使用します。参加方法について詳しくは、WebMCP オリジン トライアルをご覧ください。 - ブラウザの要件: この機能を使用するには、WebMCP 機能が有効になっている Chrome 149 以降が必要です。これは、テスト対象のウェブサイトが WebMCP オリジン トライアルに登録されているか、ローカルの Chrome ブラウザで対応する WebMCP フラグを手動で有効にしていることを意味します。
- 対象ユーザーの区別: DevTools MCP サーバーはデベロッパーを対象としたデバッグ機能ですが、WebMCP ツールはブラウザ エージェントを使用してウェブサイトを操作するユーザーであれば誰でも呼び出すことができます。エージェント用の DevTools を使用すると、ユーザー向けの WebMCP ツールを構築してテストできます。
WebMCP ツールのテストとデバッグのユースケース
WebMCP の使用方法はいくつかあります。ウェブサイトはそれぞれ異なり、WebMCP ツールセットもそれぞれ異なります。ウェブサイトやウェブ アプリケーションに役立つツールを定義して構築する方法については、フレームワークをご覧ください。
たとえば、旅行代理店のウェブサイトに、ユーザーのエージェントが関連する操作を完了するのに役立つツールがある場合、エージェント向けの DevTools でツールが意図したとおりに動作することをテストするために使用できるプロンプトの例を次に示します。
エージェントに WebMCP ツールのリストと実行を指示して、テストと開発を効率化します。
注: エージェントの実行手順は、潜在的な動作の例です。エージェントにはさまざまなタイプがあり、エージェントは非決定的であるため、結果が異なる場合があります。
WebMCP ツールの公開を確認する
サイトに WebMCP サポートを追加すると、コーディング エージェントに、ツールがブラウザに正しく公開され、入力スキーマが適切に定義されていることを確認するよう指示できます。
プロンプトの例:
Implement a 'book_flight' WebMCP tool to this page to help agents book flights. Verify that it's correctly registered and ready for AI agents to use.
エージェントの実行例: エージェントは、公開されたツールを検査する必要があることを検出し、list_webmcp_tools ツールを自律的に呼び出します。出力が解析され、ツールが正常に登録されたかどうかが確認され、スキーマが整形式であることが検証されます。
WebMCP ツールの実行をデバッグする
特定の入力で AI から呼び出されたときに、WebMCP ツールの内部ロジックが想定どおりに動作することを確認します。エージェントにツールを実行して、アプリケーションのレスポンスをモニタリングするように指示できます。
プロンプトの例:
Try using the 'add_to_cart' tool on this page to add product 12345. Let me know if it succeeds or if the application throws any errors.
エージェントの実行例: エージェントが特定のアクションをテストするインテントを認識します。正しい入力スキーマを自動的に判断し、execute_webmcp_tool を使用して実行します。また、アプリケーションのレスポンスをモニタリングし（コンソールログのチェックを含む）、成功ステータスを報告するか、失敗をデバッグします。
スキーマの明確さに関するトラブルシューティング
AI エージェントが WebMCP ツールを正しく呼び出せない場合、多くは JSON スキーマが曖昧であることが原因です。エージェントに LLM の観点からスキーマを確認し、改善点を提案するよう依頼できます。
プロンプトの例:
My 'schedule_meeting' tool is failing to parse the various date formats sent by different AI agents. Can you review the tool's schema and suggest how I can improve the descriptions or constraints so agents know exactly which format is required?
エージェントの実行例: エージェントは公開された WebMCP ツールを取得し、'schedule_meeting' の inputSchema を分析します。日付パラメータに明確な説明や形式の制約がないことを特定し、コードに実装するための修正された JSON スキーマ（「Date in
YYYY-MM-DD format」などの説明を追加するなど）を提案します。