WebMCP es un estándar web propuesto para que los sitios web expongan su funcionalidad como herramientas estructuradas que invocan los agentes de IA. Las Herramientas para desarrolladores de Chrome para agentes permiten que tu agente de programación interactúe con estas herramientas directamente, lo que te ayuda a analizar y sugerir cómo preparar tu sitio web para WebMCP.
Con las Herramientas para desarrolladores para agentes, puedes verificar que tu aplicación exponga correctamente las herramientas de WebMCP, probar su ejecución e identificar las áreas en las que los agentes de IA se benefician de la funcionalidad adicional expuesta en tu sitio. WebMCP se puede implementar en tu sitio web con la ayuda de las habilidades de agente incluidas en Modern Web Guidance.
Cuando trabajes con WebMCP, ten en cuenta lo siguiente:
- Marca experimental: La categoría WebMCP no está activa de forma predeterminada. Usa la marca
--categoryExperimentalWebmcp. Para obtener más información sobre cómo participar, consulta la prueba de origen de WebMCP. - Requisitos del navegador: Esta función requiere Chrome 149 o versiones posteriores con las funciones de WebMCP habilitadas. Esto significa que el sitio web que estás probando está inscrito en la prueba de origen de WebMCP o que habilitaste manualmente la marca de WebMCP correspondiente en tu navegador Chrome local.
- Distinción del público objetivo: Si bien el servidor de MCP de DevTools es una función de depuración dirigida a los desarrolladores, cualquier persona que use un agente del navegador puede llamar a las herramientas de WebMCP para interactuar con sitios web. Las Herramientas para desarrolladores para agentes te ayudan a compilar y probar esas herramientas de WebMCP orientadas al usuario.
Casos de uso para probar y depurar herramientas de WebMCP
Puedes usar WebMCP de varias maneras. Cada sitio web es diferente, al igual que cada conjunto de herramientas de WebMCP. Sigue nuestro marco de trabajo para definir y crear herramientas útiles para tu sitio web o aplicación web.
Por ejemplo, si tienes un sitio web de una agencia de viajes con herramientas para ayudar al agente de un usuario a completar acciones relevantes, aquí tienes ejemplos de instrucciones que puedes usar con Herramientas para desarrolladores para que los agentes prueben que tus herramientas funcionan según lo previsto.
Indica a tu agente que enumere y ejecute herramientas de WebMCP para optimizar las pruebas y el desarrollo.
Nota: Los pasos de ejecución del agente son ejemplos de comportamiento potencial. Como hay muchos tipos diferentes de agentes y los agentes no son determinísticos, puedes ver resultados diferentes.
Verifica la exposición de la herramienta WebMCP
Cuando agregas compatibilidad con WebMCP a tu sitio, puedes pedirle a tu agente de codificación que verifique que tus herramientas se expongan correctamente al navegador y que sus esquemas de entrada estén bien definidos.
Ejemplo de instrucción:
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.
Ejemplo de ejecución del agente: Tu agente detecta la necesidad de inspeccionar las herramientas expuestas y, de forma autónoma, invoca la herramienta list_webmcp_tools. Analiza el resultado, confirma si tu herramienta se registró correctamente y valida que el esquema esté bien formado.
Cómo depurar la ejecución de la herramienta de WebMCP
Confirma que la lógica interna de tu herramienta de WebMCP funcione según lo previsto cuando una IA la llame con entradas específicas. Puedes indicarle a tu agente que ejecute la herramienta y supervise la respuesta de la aplicación.
Ejemplo de instrucción:
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.
Ejemplo de ejecución del agente: Tu agente reconoce la intención de probar una acción específica. Determina de forma autónoma el esquema de entrada correcto, usa execute_webmcp_tool para ejecutarlo y supervisa la respuesta de la aplicación (incluida la verificación de los registros de la consola) para informar el estado de éxito o depurar cualquier falla.
Soluciona problemas relacionados con la claridad del esquema
Cuando un agente de IA no logra llamar a una herramienta de WebMCP correctamente de forma reiterada, suele deberse a un esquema JSON ambiguo. Puedes pedirle a tu agente que revise el esquema desde la perspectiva de un LLM y sugiera mejoras.
Ejemplo de instrucción:
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?
Ejemplo de ejecución del agente: Tu agente recupera las herramientas de WebMCP expuestas y analiza inputSchema para "schedule_meeting". Identifica que el parámetro de fecha no tiene una descripción clara ni una restricción de formato, y te sugiere un esquema JSON corregido (por ejemplo, agregar una descripción como "Date in
YYYY-MM-DD format") para que lo implementes en tu código.