WebMCP is a proposed web standard to help you build and expose structured tools for AI agents. It provides JavaScript and annotates HTML form elements so that agents know exactly how to interact with page features. Websites can share explicit purpose, such as search or purchasing, by defining a tool; tools execute on your webpage visibly, so users gain trust that tasks are completed as expected.

How do I get started with WebMCP?

Join the WebMCP origin trial from Chrome 149. For local development, open chrome://flags/#enable-webmcp-testing, set the flag to Enabled, and relaunch Chrome.

What are the two WebMCP APIs?

The Imperative API lets you define different types of tools with standard JavaScript, such as form input, navigation tools, state management, or other functions. The Declarative API lets you add annotations to standard HTML forms to create a WebMCP tool. Angular has experimental support for WebMCP, and you can debug WebMCP tools and validate how the browser parses the JSON Schema with Chrome DevTools.

How is WebMCP different from an agent clicking through my site?

Instead of an agent reviewing each element, such as a button or a field, to understand its purpose, the website defines tools with explicit purpose. This is more reliable than actuation, which may have numerous steps and leaves each step open to interpretation by the agent. WebMCP offers higher accuracy for agentic task completion and can be added as a progressive enhancement.

What are the limitations of WebMCP?

Headless browsing: the API is primarily designed for local browser workflows with a human in the loop. Overhead for complex interfaces: highly complex sites may need to refactor or add JavaScript to handle application and interface state. Tool discoverability: clients and browsers must visit a site directly to know if it has callable tools.

Does WebMCP work in cross-origin iframes?

Both APIs are gated by the tools Permissions Policy. The policy defaults to self, which allows tool registration in top-level and same-origin contexts and disables it for cross-origin iframes. To allow WebMCP tools in a cross-origin iframe, add the allow="tools" attribute to the iframe.

Google utiliza tecnología de IA para traducir contenido a tu idioma preferido. Las traducciones realizadas con IA pueden contener errores.

WebMCP

Alexandra Klepper

François Beaufort

Kasper Kulikowski

Publicado: 18 de mayo de 2026, última actualización: 7 de octubre de 2026

WebMCP es un estándar web propuesto para ayudarte a crear y exponer herramientas estructuradas para los 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 ejecución de acciones del agente.

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

Explicativa	Web	Extensiones	Estado de Chrome	Intención
GitHub	Prueba de origen de		Ver	Intención de experimentar

¿Por qué WebMCP?

WebMCP proporciona reglas para la interacción que cierran la brecha entre las aplicaciones web y los agentes, lo que mejora la eficiencia, la confiabilidad y la finalización de las tareas. 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, por lo que se usa según lo previsto.

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

A la izquierda, el agente extrae el DOM. A la derecha, el agente llama a una herramienta. Pruébalo tú mismo en nuestra demostración de reserva de citas.

Los sitios web pueden compartir un propósito explícito, como la búsqueda o la compra, definiendo un tool. Las herramientas se ejecutan en tu página web de forma visible, por lo que los usuarios confían en que las tareas se completen como se espera. Esto también mantiene intactas tus elecciones de diseño centradas 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 entradas y resultados esperados para reducir las alucinaciones o los malentendidos.
Estado: Es una comprensión compartida del contexto actual de la página, para que el agente sepa qué recursos están disponibles para actuar en tiempo real.

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

Casos de uso

Hay muchas formas de usar WebMCP. Por ejemplo:

Ayuda a tus clientes a obtener asistencia. Si proporcionas un 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 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:

Completa formularios estructurados: Crea una herramienta de submit_application para ayudar a los agentes a asignar los datos recopilados de la conversación con el usuario a los campos del formulario de forma correcta. Por ejemplo, puedes diferenciar si un campo requiere un nombre completo o un nombre y un apellido por separado.
Interacciones de agentes de asistencia en interfaces centradas en humanos: Algunos campos están diseñados para usuarios humanos, pero es posible que los agentes no los entiendan. Podrías compilar una herramienta de date_pick que permita una selección compleja de fecha y hora en una reserva o reserva de eventos.
Depuración de aplicaciones más rápida: 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 lo contrario, están ocultas detrás de menús anidados.

¿Falta tu caso de uso? ¿O tienes una idea que te entusiasma compartir para WebMCP? Plantea preguntas y participa en debates en GitHub.

Comenzar

Únete a la prueba de origen de WebMCP desde Chrome 149. Obtén más información para comenzar a usar las pruebas de origen.

WebMCP local

WebMCP está disponible como una función experimental de Chrome para el desarrollo local:

Abre Chrome y navega a chrome://flags/#enable-webmcp-testing.
Establece la marca en Enabled.
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 un formulario HTML estándar para crear una herramienta de WebMCP.

Puedes depurar las herramientas de WebMCP y validar cómo el navegador analiza el esquema JSON con las Herramientas para desarrolladores de Chrome.

Limitaciones

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

Navegación sin interfaz gráfica: Si bien es posible ejecutar herramientas de WebMCP en entornos sin interfaz gráfica, esta API está diseñada principalmente para flujos de trabajo de navegadores locales con intervención humana.
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 de la interfaz.
Visibilidad de las herramientas: Los clientes y los navegadores deben visitar un sitio directamente para saber si tiene herramientas que se puedan llamar.

Política de permisos

Ambas APIs están controladas por la Política de permisos de tools. La política se establece de forma predeterminada en self, lo que permite el registro de herramientas en contextos de nivel superior y del mismo origen, y lo inhabilita para los iframes de origen cruzado.

Para permitir las herramientas de WebMCP en un iframe de origen cruzado, agrega el atributo allow="tools" al iframe.

Demostración

Hay ejemplos de demostraciones que abarcan implementaciones imperativas y declarativas:

WebMCP zaMaker usa la API imperativa de WebMCP.
La demostración de viajes (React) usa la API imperativa de WebMCP.
La demostración de Le Petit Bistro usa la API declarativa de WebMCP.

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

Imita a un agente para probar tus herramientas

Creamos dos extensiones de Chrome para ayudarte a ver cómo funcionan las herramientas de WebMCP en nuestras demostraciones y tus aplicaciones.

Instala la extensión de Chrome de agente de ejemplo para inspeccionar, supervisar y ejecutar herramientas de WebMCP con instrucciones en lenguaje natural. En particular, esta extensión siempre confía en las anotaciones de WebMCP, que pueden alertar al agente sobre acciones sensibles. Esto demuestra cómo una herramienta puede funcionar de manera diferente con anotaciones.

De forma predeterminada, esta extensión usa un servidor de Node pequeño con un SDK de IA. Las claves de API son obligatorias y permanecen en el servidor local. Tus instrucciones se envían al modelo gemini-3.6-flash de forma predeterminada, pero puedes modificar la elección del modelo y el proveedor de la API en el archivo .env de la extensión. Hay campos para OpenAI, Google y Anthropic o, como alternativa, puedes personalizar la extensión para usar un modelo de otro proveedor.

Como alternativa, puedes usar un modelo del cliente con la API de Prompt. Esto no requiere claves de API, y los datos permanecen en tu dispositivo. Para hacerlo, habilita chrome://flags/#prompt-api-tool-use.

Instala la extensión Model Context Tool Inspector para experimentar con un agente y ver cómo funcionan las herramientas de WebMCP en demostraciones en vivo o en tus propias aplicaciones. Usa instrucciones en lenguaje natural para determinar si el agente interactúa con las herramientas de WebMCP como se espera.

Para usar Gemini y llamar a tus herramientas, debes tener una clave de API, que proporcionas en la interfaz de la extensión. Tus instrucciones se envían de forma predeterminada al modelo gemini-3.6-flash. Puedes seleccionar un modelo de Gemini diferente para experimentar o personalizar el código de la extensión para usar el modelo de otro proveedor.

Interactúa y envía comentarios

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

Únete a la prueba de origen de WebMCP y sigue la implementación para Chrome en Chrome Status.
Lee la explicación de WebMCP, haz preguntas y participa en el debate.
Lee las prácticas recomendadas de WebMCP.
Lee nuestra guía de seguridad de la herramienta WebMCP y las prácticas recomendadas.
Si tienes comentarios sobre la implementación de Chrome, informa un error de Chromium.

API imperativa