Hace unos años empezamos a adaptar nuestros sitios web para dispositivos móviles. Luego los adaptamos para accesibilidad. Y ahora puede que tengamos que adaptarlos una vez más. Esta vez… para agentes de IA.

Para ver cómo se vería esto en la práctica, construí un simulador de CEO con IA completamente serio y listo para empresas.

“BTW, gracias a todos por la increíble discusión en mi artículo anterior. Generamos aproximadamente mil millones de comentarios 🩷 Muchos de ellos probablemente más inteligentes que el artículo mismo.”

¿Qué es webMCP? 🤖

Google está experimentando actualmente con soporte para webMCP en Chrome, un enfoque diseñado para facilitar que los agentes de IA interactúen con sitios web.

El problema que intenta resolver es bastante simple. Hoy en día, cuando un agente quiere usar un sitio web, tiene que inspeccionar la página, averiguar qué elementos son importantes, hacer clic, analizar los resultados y repetir este proceso una y otra vez. Funciona, pero es lento, costoso y no siempre confiable.

webMCP permite que los sitios web expongan información estructurada sobre las acciones disponibles, para que los agentes puedan entender lo que pueden hacer sin tener que extraer la página interminablemente y adivinar.

Simulación de Negocio Completamente Serena 🚀

Suficiente teoría. Construyamos algo completamente serio y listo para producción.

Basado en un comentario de que «la IA se había convertido efectivamente en el CEO de su startup», construí un Simulador de CEO con IA en React + TypeScript.

Cómo Habilitar webMCP

Antes de que salgas corriendo a implementar webMCP en tu aplicación de producción, una pequeña advertencia: por ahora, esto sigue siendo tecnología experimental. Funciona solo en Chrome Canary, Chrome Beta o Chrome con la bandera experimental activada.

Para habilitarlo:

1. Abre `chrome://flags`
2. Busca "MCP"
3. Activa las funciones experimentales relacionadas con MCP
4. Reinicia Chrome

Lo mejor de este enfoque es que webMCP es solo una mejora para agentes, similar a las funciones de accesibilidad para usuarios que usan lectores de pantalla. Nada se rompe, nada cambia para los usuarios regulares. La aplicación simplemente se vuelve más fácil de entender para un tipo diferente de visitante.

Dos Formas de Usar webMCP

Opción 1: API Declarativa / Anotaciones HTML

El primer enfoque consiste en agregar metadatos directamente a los elementos HTML, permitiendo que los agentes comprendan el propósito de los elementos de la UI sin depender completamente de la interpretación visual.

Opción 2: API Imperativa / Herramientas JavaScript

El segundo enfoque expone herramientas MCP directamente desde el código de tu aplicación:

registerTool({
  name: 'hire_employee',
  description: 'Contratar un nuevo empleado'
});

registerTool({
  name: 'fire_employee',
  description: 'Despedir un empleado'
});

En mi aplicación, estas herramientas corresponden directamente a acciones disponibles a través de botones en la página. Cosas como hireDevelopers(), fireDevelopers(), adoptAI(), rewriteInRust(), pivotToAgents() y fixProductionBugs() — administración de startups completamente normal.

Conectando un Agente de IA

Usé la extensión WebMCP – Model Context Protocol Inspector. Puedes conectar una clave de API de Gemini y empezar a experimentar de inmediato. Incluso tienen una asignación gratuita de tokens.

Escenario #1: El CEO de LinkedIn 😎

Con la instrucción «Actúa como un CEO que acaba de leer tres artículos sobre IA en LinkedIn», nuestro CEO tomó decisiones… cuestionables. Contrató 20 desarrolladores, despidió a 12, adoptó IA, pivotó a agentes y reescribió todo en Rust — todo en cuestión de segundos.

Escenario #2: El CEO Sensato 🤓

Con la instrucción «Tu objetivo es maximizar el valor de la empresa a largo plazo», el comportamiento cambió drásticamente. En lugar de contratar y despedir masivamente, se enfocó en la estabilidad, invirtió en infraestructura y tomó decisiones mucho más conservadoras.

¿Deberías Implementar webMCP Hoy?

Depende. Si estás construyendo una aplicación donde los agentes de IA son usuarios principales, definitivamente vale la pena experimentar. Si tienes una API bien diseñada, los agentes probablemente la preferirán sobre webMCP.

Pero aquí está lo interesante: webMCP no compite con las APIs — las complementa. Las APIs son para integraciones programáticas. webMCP es para interacciones agénticas: cuando un LLM necesita explorar y entender una interfaz que no estaba diseñada específicamente para él.

Reflexión Final

La web está evolucionando para ser legible no solo por humanos, sino también por máquinas. No estoy hablando de SEO o metadatos básicos — hablo de agentes de IA que pueden «navegar» tu sitio web tan naturalmente como lo haría un usuario, pero con la precisión de una API estructurada.

Puede que en unos años, cuando construyas un sitio web, tengas que preguntarte: «¿esto es fácil de usar para humanos… y para agentes?»