inteligencia-artificial
  1 min. de lectura (aproximado)

Webmcp: el estándar que prepara la web para los agentes de IA

En la era de los agentes de inteligencia artificial, las páginas web tradicionales diseñadas exclusivamente para humanos empiezan a quedarse cortas. Los agentes suelen “actuar” sobre una página interpretando el DOM, haciendo capturas de pantalla o simulando clics y rellenado de formularios. Este enfoque es lento, frágil y propenso a errores.
WebMCP, Web Model Context Protocol, surge como solución a este problema. Se trata de un estándar web propuesto que permite a los sitios exponer herramientas estructuradas que los agentes de IA pueden descubrir y llamar de forma directa, confiable y eficiente.

¿Qué es exactamente WebMCP?

WebMCP es una API del navegador que permite a las aplicaciones web registrar funciones JavaScript, o formularios HTML anotados, como herramientas pensadas para agentes de IA. Cada herramienta incluye:
  • Un nombre identificable.
  • Una descripción en lenguaje natural.
  • Un esquema JSON que define los parámetros de entrada y en muchos casos, la salida esperada.
  • Una función de ejecución que corre dentro de la página.
De esta forma, en lugar de que el agente intente adivinar qué botón pulsar o cómo rellenar un formulario, la propia página le dice: 'esta es la herramienta "search_products", estos son los parámetros que acepta y así es como se ejecuta'.

Diferencias clave entre WebMCP y MCP

Es frecuente confundir WebMCP con MCP original,. Aunque comparten filosofía, resuelven problemas distintos y son complementarios:

Aspecto MCP WebMCP
Ubicación Servidor (local o remoto) Página web (cliente, en el navegador)
Ciclo de vida Persistente Solo mientras la pestaña esté abierta
Alcance Cualquier cliente (desktop, cloud, etc.) Principalmente agentes del navegador
Contexto Datos y herramientas de backend Estado de la página, sesión del usuario, cookies y DOM
Primitivas Tools, resources y prompts Principalmente tools
Autenticación Gestionada por el servidor Reutiliza la sesión activa del usuario


MCP conecta agentes con sistemas externos y datos de backend. WebMCP convierte la página que el usuario tiene abierta en un conjunto de herramientas que el agente puede usar de forma nativa, manteniendo el control humano y el contexto visual.

Cómo funciona

Existen dos formas principales de implementar WebMCP:
  • API Imperativa, JavaScript
  • Se registra la herramienta mediante "document.modelContext.registerTool()", o la interfaz equivalente, pasando nombre, descripción, esquema JSON Schema y la función de ejecución.
  • API Declarativa, HTML
  • Se anotan formularios HTML normales con atributos específicos para que se conviertan automáticamente en herramientas.
Cuando un agente compatible visita la página:
  • Descubre las herramientas registradas.
  • Lee sus descripciones y esquemas
    • .
  • Llama a la herramienta adecuada con los parámetros correctos.
  • La ejecución ocurre dentro de la página, el usuario ve el resultado en tiempo real.
  • El resultado se devuelve al agente de forma estructurada.
Esto mejora significativamente la fiabilidad, reduce alucinaciones y acelera la completitud de tareas.

Casos de uso prácticos

  • E-commerce: buscar productos, añadir al carrito, aplicar filtros.
  • Reservas y viajes: búsqueda de vuelos, selección de fechas complejas, reserva de mesas.
  • Soporte al cliente: navegación inteligente por formularios de ayuda o tickets.
  • Aplicaciones internas: herramientas de diagnóstico, relleno de formularios complejos o acciones que normalmente están ocultas en menús anidados.
  • Cualquier flujo multi-paso donde la interfaz humana es rica pero difícil de interpretar automáticamente.

Ventajas y limitaciones

Ventajas

  • Mayor precisión y velocidad frente a la actuación basada en UI.
  • Mantiene la experiencia de marca y el control del usuario, las acciones se ejecutan visiblemente.
  • Reutiliza la lógica y el estado ya existentes en el frontend.
  • La página sigue funcionando perfectamente sin agentes.

Limitaciones actuales

  • Todavía experimental.
  • Principalmente orientado a flujos con humano en el bucle.
  • Los agentes deben visitar la página para descubrir las herramientas.
  • Requiere un diseño cuidadoso de las herramientas, descripciones claras, esquemas precisos y anotaciones de seguridad para acciones sensibles.

Estado actual y cómo empezar

WebMCP se encuentra en fase de experimentación activa. Google Chrome ofrece documentación oficial, demos, como búsquedas de vuelos o reservas de citas, y herramientas de inspección en DevTools. Existen extensiones de prueba y repositorios de ejemplos en GitHub, como "webmachinelearning/webmcp" y "GoogleChromeLabs/webmcp-tools".

Como probarlo

  • Activar el flag correspondiente en Chrome, "chrome://flags".
  • Unirse al origin trial si se quiere probar en producción controlada.
  • Empezar con herramientas de solo lectura e ir añadiendo acciones más complejas.
  • Prestar especial atención a las anotaciones de seguridad para acciones sensibles.

Conclusión

WebMCP representa un paso natural hacia una web "agent-ready". En lugar de obligar a los agentes a “adivinar” cómo usar una interfaz humana, se le ofrece una API clara, tipada y contextual. No sustituye a MCP ni a las APIs tradicionales: las complementa, especialmente en escenarios donde el usuario y el agente colaboran dentro de la misma página.
Para desarrolladores y empresas que quieran estar preparados para la era de los agentes, implementar WebMCP, aunque sea de forma experimental, es una ventaja competitiva clara. La web está dejando de ser solo humana: está aprendiendo a hablar también con las máquinas.