WebMCP

Alexandra Klepper
Alexandra Klepper
GitHub Bluesky

Fecha de publicación: 18 de mayo de 2026

WebMCP es un estándar web propuesto para ayudarte a compilar y exponer herramientas estructuradas para agentes de IA. WebMCP proporciona JavaScript y anota elementos de formulario HTML para que los agentes sepan exactamente cómo interactuar con las funciones de la página y, así, respaldar la experiencia del usuario. Esto puede mejorar significativamente el rendimiento y la confiabilidad de la activación del agente.

Los agentes de IA son una tecnología más reciente. Pueden ayudar a los usuarios humanos a completar mejor tareas altamente complejas y técnicas. WebMCP ofrece mayor precisión para completar tareas con agentes y se puede agregar como una mejora progresiva.

¿Por qué usar WebMCP?

WebMCP puede ayudarte a cerrar la brecha entre las aplicaciones web y los agentes, lo que mejora la eficiencia, la confiabilidad y la finalización de tareas, ya que proporciona reglas para la interacción. En lugar de que un agente revise el elemento, como un botón o un campo, para comprender su propósito, el sitio web declara el propósito del elemento, de modo que se use correctamente.

Esto es más confiable que la actuación, que puede tener numerosos pasos y deja cada paso abierto a la interpretación del agente.

Los sitios web pueden compartir un propósito explícito, como la búsqueda o la compra, definiendo una herramienta. Estas herramientas se ejecutan de forma visible en tu página web, por lo que los usuarios confían en que las tareas se completan según lo previsto. Esto también mantiene intactas las opciones de diseño centrado en las personas y la marca.

WebMCP admite lo siguiente:

  • Descubrimiento: Es una forma estándar para que las páginas registren herramientas con agentes, como checkout o filter_results.
  • Esquemas JSON: Definiciones explícitas de las entradas y las salidas esperadas para reducir las alucinaciones o los malentendidos
  • Estado: Es una comprensión compartida del contexto de la página actual, de modo que el agente sepa qué recursos están disponibles para actuar en tiempo real.

Nuestro objetivo es crear APIs que cualquier navegador con capacidades de agente pueda implementar y aprovechar, de modo que tus usuarios puedan completar tareas con mayor facilidad. Puedes seguir este proceso en GitHub.

Casos de uso

Existen muchas formas de usar WebMCP en la Web. Por ejemplo:

  • Ayuda a tus clientes a obtener asistencia. Si proporcionas software a los clientes, es posible que tengas un flujo de asistencia complejo para abordar muchas preguntas diferentes. Puedes usar WebMCP para ayudar a un agente a navegar más rápido al formulario correcto y completar los campos con la información proporcionada por el usuario.
  • Mejorar las reservas de viajes Ayuda a los agentes a reservar viajes complejos con varias ciudades y varios pasajeros en menos pasos.

Algunas acciones pueden ser sensibles, como realizar una compra. Puedes incluir un comando para solicitar la interacción del usuario con un diálogo de confirmación.

En un sentido práctico, tus herramientas podrían realizar las siguientes tareas:

  • Completar formularios estructurados: Crea una herramienta de submit_application para ayudar a los agentes a asignar correctamente los datos recopilados de la conversación con el usuario a los campos del formulario. Por ejemplo, puedes diferenciar si un campo requiere un nombre completo o un nombre y apellido separados.
  • Admite interacciones de agentes de asistencia en interfaces centradas en el ser humano: Algunos campos están diseñados para usuarios humanos, pero es posible que los agentes no los comprendan. Podrías crear una herramienta de date_pick que permita una selección compleja de fecha y hora en una reserva o en la reserva de un evento.
  • Depuración más rápida de la aplicación: Puedes compilar una herramienta de run_diagnostics en una página de configuración para desarrolladores, de modo que un agente pueda activar correcciones que, de otro modo, estarían ocultas detrás de menús anidados.

¿Falta tu caso de uso? ¿O tienes una idea que te entusiasma compartir para WebMCP? Únete al programa de versión preliminar anticipada y comparte tus comentarios.

Comenzar

WebMCP está disponible como una función experimental de Chrome para el desarrollo local. Estará disponible en una prueba de origen en Chrome 149.

Para habilitar WebMCP de forma local, haz lo siguiente:

  1. Abre Chrome y navega a chrome://flags/#enable-webmcp-testing.
  2. Establece la marca en Habilitado.
  3. Reinicia Chrome para aplicar los cambios.

Usa las APIs de WebMCP

Existen dos APIs que puedes usar para configurar las herramientas de tu sitio web:

  • API imperativa: Define diferentes tipos de herramientas con JavaScript estándar, como entrada de formularios, herramientas de navegación, administración de estados o cualquier otra función.
  • API declarativa: Agrega anotaciones a formularios HTML estándar para crear una herramienta de WebMCP.

Limitaciones

Si bien WebMCP tiene como objetivo simplificar las tareas complejas para los agentes y los humanos, existen algunas limitaciones:

  • Se requiere un contexto de navegación: Como las llamadas a herramientas se controlan en JavaScript, se debe abrir una pestaña del navegador o un WebView para proporcionar una interfaz visible y un contexto del navegador. En otras palabras, no se admite que los agentes o las herramientas de asistencia llamen a herramientas en un estado sin interfaz gráfica.
  • Más sobrecarga para interfaces complejas: Si tu sitio es muy complejo, es probable que debas refactorizar o agregar JavaScript para controlar el estado de la aplicación y la interfaz.
  • Visibilidad de las herramientas: Los clientes y los navegadores deben visitar un sitio directamente para saber si tiene herramientas a las que se puede llamar.

Demostración

Hay ejemplos de demostraciones que abarcan implementaciones tanto imperativas como declarativas:

También puedes revisar y explorar el código fuente de la demostración en GitHub.

Imita el chat del agente con la extensión del inspector

Instala la extensión del Inspector de herramientas de contexto del modelo para experimentar con un agente y ver cómo funcionan las herramientas de WebMCP en demostraciones en vivo o en tus propias aplicaciones. Puedes ingresar instrucciones en lenguaje natural para ver si un agente puede interactuar correctamente con las herramientas de WebMCP.

Con la extensión, puedes hacer lo siguiente:

  • Supervisa la API de navigator.modelContext para ver qué herramientas están registradas en una página.
  • Llamar a herramientas y ejecutar funciones de forma manual
  • Verifica que tu esquema JSON esté definido correctamente y que el navegador pueda analizar los datos como espera la herramienta.
  • Consulta los mensajes de error o el resultado estructurado que devuelve tu herramienta para asegurarte de que estén escritos con claridad y tengan el formato correcto, de modo que un agente pueda comprenderlos.

Habla con el agente en lenguaje natural para ver si puede identificar y, luego, invocar correctamente las herramientas de WebMCP adecuadas. Tus instrucciones se envían al modelo gemini-2.5-flash.

Interactúa y comparte comentarios

WebMCP está en debate activo y está sujeto a cambios en el futuro. Si pruebas estas APIs y tienes comentarios, nos encantaría escucharlos.