WebMCP y agentes de IA
Crea sitios web y aplicaciones que funcionen para los usuarios y sus agentes de IA.
Cómo funciona WebMCP
En solo tres pasos, tu sitio les indica a los agentes exactamente lo que pueden hacer.
Paso 1
Tus herramientas de registro de sitios
Tu sitio declara las acciones que un agente puede realizar, como herramientas de WebMCP. Cada herramienta tiene un nombre, una descripción y un esquema JSON.
// Imperative API document.modelContext.registerTool({ name: "bookSlot", title: "Book a consultation slot", description: "Reserve a 30-minute consultation.", inputSchema: { type: "object", properties: { date: { type: "string", format: "date" }, time: { type: "string" }, name: { type: "string" }, email: { type: "string", format: "email" } }, required: ["date", "time", "name", "email"] }, annotations: { readOnlyHint: false }, execute: async (input, client) => { return await api.book(input); } });
Paso 2
El navegador los expone
El navegador recopila y presenta estas herramientas al agente WebMCP-aware del usuario, junto con la URL, el título y el alcance del permiso de origen de la página.
Paso 3
El agente toma medidas, no es necesario adivinar
El agente ve un contrato, proporciona argumentos estructurados y tu código hace el resto. El usuario se mantiene informado para obtener el permiso y la confirmación. Sin misterio.
// the agent's view { "tool": "bookSlot", "arguments": { "date": "2026-07-31", "time": "14:00", "name": "Jerry Jones", "email": "jerry.jones@example.com" } }
Crea herramientas para agentes
Profundiza en las APIs y la documentación de WebMCP.
Cuándo usar WebMCP
Descubre oportunidades para que tu sitio ayude a los usuarios y agentes a ser más eficientes agregando herramientas de WebMCP.
API imperativa
Define herramientas de WebMCP con JavaScript estándar para ejecutar funciones específicas del sitio, como la entrada de formularios y la navegación por el sitio.
API declarativa
Transforma tus formularios HTML estándar en herramientas de WebMCP agregando anotaciones.
Evaluaciones de WebMCP
Prueba tus herramientas para confirmar que los agentes comprenden cuándo llamar a la herramienta, cómo ejecutarla y qué respuestas son aceptables.
Prácticas recomendadas
Conoce las prácticas recomendadas para usar las APIs de WebMCP.
Seguridad de la herramienta de WebMCP
Aprende a crear herramientas seguras para tu sitio web.
WebMCP y MCP
En conjunto, WebMCP y MCP ayudan a los agentes a realizar tareas personalizadas en nombre de los usuarios humanos.
Crea con agentes de IA
Orientación sobre la Web moderna
Usa la Guía para la Web Moderna con tus agentes de programación de IA favoritos para acceder a las prácticas recomendadas para la Web en tu flujo de trabajo preferido.
npx modern-web-guidance@latest install
Crea extensiones con agentes de programación
Usa la guía de la Web moderna para crear extensiones más rápido con la ayuda de agentes de programación.
Consideraciones de seguridad para los desarrolladores de agentes
Los desarrolladores de agentes deben diseñar protecciones contra texto malicioso proveniente de contenido no confiable. Identificamos algunas técnicas de seguridad relevantes para los agentes que usan WebMCP.
Conoce Gemini en Chrome
Asistencia de IA, sin salir de tu navegador. Obtén resúmenes de lo más importante, aclara conceptos y encuentra respuestas basadas en tus pestañas abiertas.
Gemini funciona en todas tus apps de Google para ayudarte a lo largo del día.
Presentamos los agentes de IA
¿Qué son los agentes de IA?
Comprende los conceptos básicos y las definiciones de las diversas tecnologías emergentes, a menudo denominadas IA.
Crea sitios web aptos para agentes
Como profesionales de la Web, es fundamental crear nuevas tecnologías con cuidado y responsabilidad.
Aprende sobre IA
Crea una base de conocimiento sobre la IA para agregar funciones a tus sitios web y aplicaciones web.