WebMCP: qué es y cómo usarlo en nuestros proyectos

— Damián De Luca — Listo para ayudarte a impulsar tus proyectos
WebMcp

La inteligencia artificial está empezando a cambiar algo más que la forma en que buscamos información o generamos contenido. También está cambiando la manera en que usamos los sitios web.

Hasta ahora, cuando una persona entra a una web, busca un producto, completa un formulario, reserva un turno o consulta información. Con los agentes de IA aparece otra posibilidad: que un agente pueda realizar esas acciones directamente.

Y ahí aparece WebMCP. Si estás trabajando con desarrollo web, es un concepto al que conviene prestarle atención porque plantea una forma diferente de pensar un sitio: no solamente como una interfaz para personas, sino también como un conjunto de acciones que pueden utilizar los agentes de IA.

Primero: ¿qué es MCP?

Para entender WebMCP conviene recordar qué es MCP (Model Context Protocol).

MCP es un estándar abierto que permite conectar modelos de IA con herramientas y datos externos. Por ejemplo, una base de datos, un sistema de stock, una agenda o un repositorio de código.

En lugar de desarrollar una integración diferente para cada modelo o aplicación, MCP propone una forma común de conectar la IA con esas herramientas.

Lo expliqué con más detalle en mi artículo anterior titulaod Model Context Protocol (MCP) y agentes de inteligencia artificial.

También existen las Skills, que cumplen una función diferente. Una Skill no conecta la IA con un sistema externo, sino que le proporciona instrucciones y recursos para realizar una tarea determinada. Para comprenderlo en pocas palabras: MCP conecta. Skills enseñan.

Para profundizar sobre este tema escribí un artículo: Skills para agentes de IA.

Pero entonces, ¿qué tiene que ver todo esto con una página web?

El problema de los agentes frente a una web

Imaginemos que un agente de IA necesita comprar un producto en un sitio.

Una posibilidad es que observe la página como lo haría una persona: identificar botones, campos, menús y enlaces, hacer clic y completar los datos.

El problema es que este proceso depende demasiado de la interfaz.

Si cambiamos un botón de lugar, modificamos un formulario o cambiamos parte de la estructura de la página, el agente puede tener dificultades para realizar la tarea.

Para una persona, cambiar el diseño de un botón normalmente no representa un problema.

Para un agente, puede serlo.

La idea de WebMCP es hacer que el sitio pueda comunicar de una manera más clara qué acciones ofrece y cómo utilizarlas.

¿Qué es WebMCP?

WebMCP es una propuesta para que un sitio web pueda exponer determinadas funciones como herramientas que los agentes de IA pueden descubrir y utilizar.

Por ejemplo, una tienda online podría ofrecer acciones como:

  • Buscar productos.
  • Consultar disponibilidad.
  • Agregar un producto al carrito.
  • Consultar el precio.
  • Realizar una reserva.

En lugar de obligar al agente a descubrir cómo hacer cada cosa mirando la interfaz, el sitio puede declarar qué acciones están disponibles y qué información necesitan.

La idea es bastante sencilla:

la web le explica al agente qué puede hacer.

Esto puede hacer que la interacción sea más confiable y también abre nuevas posibilidades para el desarrollo web.

Un ejemplo sencillo

Supongamos que tenemos una librería online.

Una persona podría entrar al sitio y escribir: «Busco libros de HTML publicados en los últimos años.»

El sitio tradicionalmente procesa la búsqueda y muestra los resultados.

Con WebMCP, el sitio podría ofrecer una herramienta como:

buscar_libros

El agente podría conocer esa función, saber qué parámetros necesita y utilizarla directamente.

Después podría continuar con otra acción:

consultar_disponibilidad

Y finalmente:

agregar_al_carrito

El punto importante es que el agente no necesita interpretar cada elemento visual de la página para descubrir qué hacer. El sitio le proporciona acciones más claras.

La siguiente imagen nos resume de una manera visual los conceptos y el flujo simplificado:

WebMCP no es lo mismo que MCP

Acá aparece una confusión bastante común. Aunque los nombres son parecidos, WebMCP y MCP no son exactamente lo mismo.

MCP está pensado como un protocolo para conectar modelos de IA con herramientas y fuentes de información.

WebMCP, en cambio, está pensado para el entorno web y el navegador, permitiendo que las páginas expongan funciones que los agentes puedan utilizar.

Una forma simple de pensarlo sería:

MCP conecta la IA con herramientas.

WebMCP permite que una web se convierta en una de esas fuentes de acciones para un agente.

No hace falta pensar que uno reemplaza al otro. Son conceptos que pueden convivir.

¿Y dónde entran las MCP Apps?

Hay otro concepto que puede generar confusión: MCP Apps.

MCP Apps apunta a un problema vinculado, pero en sentido contrario.

WebMCP busca que un agente pueda utilizar las funciones de un sitio web.

MCP Apps busca que una herramienta conectada mediante MCP pueda mostrar una interfaz interactiva dentro de la experiencia de IA.

Por ejemplo, en lugar de recibir solamente una respuesta de texto, podríamos tener un formulario, un gráfico, un selector de productos o un panel interactivo.

De esta forma aparecen varias piezas diferentes:

TecnologíaFunción
MCPConecta la IA con herramientas y datos
SkillsIndican a la IA cómo realizar una tarea
MCP AppsPermiten mostrar interfaces interactivas
WebMCPPermite que una web exponga acciones para agentes

No son tecnologías que necesariamente compitan entre sí. Cada una resuelve un problema diferente.

¿Por qué WebMCP es interesante para quienes desarrollamos sitios?

Porque puede cambiar una idea que tenemos bastante incorporada.

Durante muchos años pensamos una web principalmente desde la interacción humana:

Persona → Interfaz → Aplicación

Botones, menús, formularios, buscadores y páginas están diseñados para que una persona pueda utilizarlos.

Con los agentes de IA aparece una segunda forma de interacción:

Agente → Herramientas → Aplicación

El agente no necesariamente necesita recorrer toda la interfaz visual. Puede utilizar acciones que el sitio pone a disposición.

Esto no significa que las interfaces tradicionales vayan a desaparecer.

Significa que podemos empezar a pensar en una web preparada para dos tipos de usuarios: personas y agentes.

¿Está listo WebMCP?

No conviene confundir una propuesta experimental con un estándar web consolidado.

WebMCP todavía se encuentra en una etapa temprana de desarrollo. Por eso, hoy tiene más sentido conocerlo, experimentar y seguir su evolución que pensar en migrar inmediatamente todos nuestros sitios.

Pero justamente por eso resulta interesante para quienes trabajamos en desarrollo web.

Muchas de las tecnologías que hoy damos por sentadas comenzaron como propuestas o experimentos.

WebMCP plantea una pregunta que probablemente sea cada vez más importante:

¿Cómo debería estar preparada una página web para que también pueda ser utilizada por un agente de IA?

En conclusión

Para quedarte con una idea simple: MCP conecta. Skills enseñan. MCP Apps muestran. WebMCP permite que los agentes interactúen con la Web de una forma más estructurada.

Para quienes desarrollamos sitios, WebMCP es especialmente interesante porque propone mirar la Web desde una nueva perspectiva.

Ya no se trata solamente de hacer sitios fáciles de usar para las personas.

También podemos empezar a pensar en sitios que puedan ofrecer sus funcionalidades directamente a los agentes de IA.

WebMCP todavía está madurando, pero es una tecnología que vale la pena seguir de cerca.

Y, como ocurre con muchas de las nuevas herramientas de IA, lo interesante no es solamente aprender una tecnología nueva, sino empezar a pensar qué nuevos proyectos podemos construir con ella.

Si te interesa profundizar en estos temas o aplicarlos a tus propios proyectos, escribime. Brindo capacitaciones personalizadas sobre Inteligencia Artificial y desarrollo web.