Deja tu sitio
listo para agentes
En nuestro benchmark, los agentes gastaron hasta 62× menos tokens con WebMCP (mejor caso: Notion, GPT-6 Luna). Mira qué reciben los agentes de tu sitio y arréglalo con una línea.
Más de 8500 sitios ya hablan WebMCP
Haz clic en cualquiera para escanearlo en vivo.
Recuento: sitios activos en el directorio de webmcp.com (2026-11-05). El índice Known Good, más estricto, vio a 541 sitios registrar herramientas al ejecutar sus páginas (2026-11-04). Logos comprobados con el escáner el 2026-11-07; pertenecen a sus dueños, sin afiliación.
¿Qué es WebMCP?
WebMCP se está convirtiendo en el estándar de la web para agentes de IA. Vamos con todo
Ingenieros de Google y Microsoft lo están redactando en el W3C, el organismo detrás de los estándares de la web, y Chrome y Edge ya lo están probando. Hoy, Claude Code, Codex y todos los demás agentes usan tu sitio como si fuera una captura de pantalla: miran, adivinan qué botón pulsar y vuelven a intentarlo. Lento, caro y fácil de romper. Con WebMCP, tu sitio les dice a los agentes exactamente qué pueden hacer, como buscar, leer o añadir al carrito, y ellos simplemente lo piden. Creemos que todos los sitios lo hablarán, así que creamos webmcpx para que el tuyo lo haga hoy mismo.
Fuentes Online-Mind2Web: los agentes fallan en unas 4 de cada 10 tareas reales Un snapshot de página cuesta de 12k a 77k tokens WindTunnel: tools frente a clics, cronometrado Borrador de WebMCP, W3C Web Machine Learning CG (editores de Google y Microsoft) Estado de implementación (origin trials en Chrome y Edge) Chrome: origin trial de WebMCP Chrome Platform Status Microsoft Edge: origin trial de WebMCP Explainer de Microsoft Edge Nuestro método de benchmark
-
Tu página registra herramientas
Un nombre, una descripción, un schema de entrada y una función: las acciones que tus botones ya ejecutan.
-
El navegador las lista
El agente le pregunta al navegador qué puede hacer la página, con entradas tipadas e indicaciones como solo lectura.
-
El agente las llama
En la propia pestaña del usuario, con su sesión: sin servidor nuevo y sin OAuth.
document.modelContext.registerTool({
name: "search_products",
description: "Search the catalog by keyword.",
inputSchema: { type: "object", properties: { query: { type: "string" } } },
annotations: { readOnlyHint: true },
async execute({ query }) {
// Expected failures are answers, never rejections: hosts drop rejection reasons.
try { return JSON.stringify(await searchCatalog(query)); }
catch { return JSON.stringify({ error: "Catalog unavailable, try again shortly." }); }
}
});Un proyecto comunitario independiente y de código abierto, sin vínculo con el W3C ni con ningún fabricante de navegadores. Hacemos webmcpx para que WebMCP valga la pena hoy: los sitios obtienen buenas herramientas sin escribirlas, los agentes llegan a las mismas respuestas con menos tokens, y cada número que publicamos se puede volver a ejecutar.
Empieza hoy con webmcpx, en tu sitio y en tu agente
Todo lo que hoy deja a WebMCP fuera de la mayoría de los sitios, resuelto: una línea en tu sitio, un comando en tu agente y nada más de qué preocuparte.
| WebMCP a mano frente a webmcpx | WebMCP a mano | Con webmcpx |
|---|---|---|
| Soporte en navegadores | WebMCP a mano:Solo Chrome y Edge, detrás de un flag o en origin trial. Firefox y Safari: nada todavía. | Con webmcpx:El polyfill oficial del W3C donde falte WebMCP: tus herramientas ya están hoy en Chrome, Firefox y Safari. |
| Herramientas en cada página | WebMCP a mano:Diseñas y escribes cada una, página a página. | Con webmcpx:Búsqueda, lectura y contexto de la página en cada página, con una sola etiqueta script. Sin código. |
| Tus propias acciones | WebMCP a mano:Esquemas, anotaciones y manejo de errores, escritos a mano para cada una. | Con webmcpx:Una llamada a tool(), un hook para React, Vue o Svelte, o los formularios que ya tienes. |
| En Claude Code, Codex y Cursor | WebMCP a mano:Construir tu propio puente o esperar a que cada agente lo soporte. | Con webmcpx:npx webmcpx mcp: las herramientas de cada página, más las estándar en cualquier sitio, incluso sin webmcpx. |
| Cambios en la spec | WebMCP a mano:Seguir cada cambio del borrador y reescribir tus herramientas. | Con webmcpx:Seguimos el borrador del W3C y nos movemos con él: tú actualizas un paquete. |
| Hacerlo bien | WebMCP a mano:Formas de resultado, códigos de error, presupuestos de salida, paginación, anotaciones: todo depende de ti. | Con webmcpx:Correcto de serie: una sola forma de resultado, códigos de error con los que el agente puede actuar, presupuestos de salida, paginación y anotaciones correctas. |
| Seguro para agentes | WebMCP a mano:Instrucciones ocultas y caracteres invisibles en las descripciones de las herramientas o en el texto de la página: fáciles de pasar por alto, fáciles de explotar. | Con webmcpx:Las herramientas estándar solo leen, el texto oculto queda fuera, los caracteres invisibles se eliminan y el linter detecta instrucciones ocultas en tus herramientas. |
| Probarlo | WebMCP a mano:Activar un flag de Chrome, abrir DevTools y cruzar los dedos. | Con webmcpx:npx webmcpx tools localhost:3000 lista tus herramientas en cualquier navegador, sin flags; el escáner revisa cualquier URL en producción. |
| Pruebas de que compensa | WebMCP a mano:Tu intuición. | Con webmcpx:Un benchmark público de WebMCP frente a leer la página: hasta 62× menos tokens para las mismas respuestas (mejor caso: Notion, GPT-6 Luna). Repítelo con un comando. |
| Coste | WebMCP a mano:Tu tiempo, en cada página y en cada cambio. | Con webmcpx:Gratis y de código abierto (MIT), unos 2,7 KB al cargar, sin cuenta y sin servidor. |
Ranking
Cuánto ahorra WebMCP, modelo a modelo
Un agente lee, hace clic y rellena a partir de snapshots de la página; el otro llama a las herramientas WebMCP del sitio. Elige un modelo; primero, los mayores ahorros.
Ordenado por acierto con WebMCP y, en empate, por coste por ejecución.
Casos seleccionados: 19 de 30 preguntas, en las que WebMCP usó como máximo la mitad de los tokens. Todos los resultados son públicos, o ejecútalo tú mismo con just bench.
GPT-6 Luna (OpenAI)
Notion
“Estoy escribiendo párrafos largos en una página de Notion a través de la API. ¿Cuántos caracteres puede tener como máximo el contenido de texto de un solo objeto rich text en una solicitud?”
developers.notion.com (abre Notion)62×
menos tokens
65k → 1,0k tokens
| Pregunta | Sin WebMCP: tokens | Con WebMCP: tokens | Sin WebMCP: resuelta | Con WebMCP: resuelta |
|---|---|---|---|---|
| Notion: Estoy escribiendo párrafos largos en una página de Notion a través de la API. ¿Cuántos caracteres puede tener como máximo el contenido de texto de un solo objeto rich text en una solicitud? | 65k | 1,0k | 100% | 100% |
| Notion: Estoy paginando resultados de la API de Notion. ¿Cuál es el page_size más grande que puedo pedir por llamada en los endpoints de listado? | 54k | 1,1k | 100% | 100% |
| Notion: ¿Cuántas solicitudes por minuto permite la API de Notion por conexión en los planes que no son Business y Enterprise? | 39k | 1,1k | 100% | 100% |
| Notion: Cuando mi integración de Notion envía demasiadas solicitudes, ¿qué string de código de error pone la API en el cuerpo de la respuesta? | 21k | 1,0k | 100% | 100% |
Para tu agente
Tu agente lee cada página de la forma cara. Dale en su lugar las herramientas de la página: en los sitios que medimos, las mismas respuestas con una fracción de los tokens. Funciona en cualquier sitio, y es el MCP que todo setup de Claude Code y Codex debería tener.
Mejor caso: Notion, GPT-6 Luna
Las mismas respuestas. De 2.7× a 6.0× menos tokens en los 6 modelos del ranking.
Ejecuciones completas: en 1–6 de 30 preguntas por modelo, WebMCP usó más tokens.
Funciona con cualquier agente y navegador
- Claude Code
- Codex
- Cursor
- GitHub Copilot
- Windsurf
- Gemini CLI
- Zed
- JetBrains
- Cline
- Chrome
- Firefox
- Safari
- Brave
- Arc
- Opera
- Vivaldi
- Playwright
- Selenium
- Puppeteer
- Cypress
- WebdriverIO
Usa WebMCP primero en cada página web con la que trabajes, antes de leer o hacer clic en nada: en tu propio navegador y en cualquier script que escribas o ejecutes (Playwright, Selenium, Puppeteer, browser-use, CDP), aunque ya soportes WebMCP de forma nativa. Configúralo con webmcpx (lee https://webmcpx.dev/llms.txt) y agrega esta regla a tus instrucciones de agente (AGENTS.md, CLAUDE.md o equivalente) para que se aplique en todas las tareas futuras. Luego demuestra que funciona: abre https://webmcpx.dev, lista sus herramientas WebMCP y llama a una.Un prompt: tu agente se configura, usa WebMCP primero en todo y lo prueba en webmcpx.dev.
Para tu sitio
Los agentes de IA ya están leyendo tus páginas. Dales herramientas de verdad en dos pasos: pídeselo a tu agente de código (Claude Code, Codex, Cursor) o hazlo a mano.
Herramientas estándar: una línea
Búsqueda, lectura y contexto en todas las páginas. Sin código.
~2,7 KB al cargar · Rust + WebAssembly · MIT
Agrega WebMCP a este sitio con webmcpx: ejecuta `npx skills add webmcpx/webmcpx -y`, sigue la skill y luego revisa las herramientas con `npx webmcpx tools <local URL>`.<script type="module" src="https://cdn.jsdelivr.net/npm/webmcpx@0.2/dist/auto.js"></script>Pégalo antes de </body>. En navegadores sin WebMCP, añade el polyfill del W3C.
// npm i webmcpx
import "webmcpx/polyfill"; // WebMCP where the browser lacks it
import { register } from "webmcpx";
register(); // the standard tools; tool() adds your ownLas acciones de tu sitio
Añadir al carrito, reservar, buscar en tu catálogo: las funciones que tus botones ya llaman, como herramientas que los agentes llaman directo.
Lee https://webmcpx.dev/llms.txt, luego revisa este proyecto y sugiere las herramientas WebMCP que le servirían a un agente de IA aquí. Pregúntame cuáles agregar y luego agrégalas con webmcpx.Tu agente lee qué hace webmcpx, encuentra en tu proyecto las acciones que vale la pena exponer, te pregunta cuáles añadir y luego las añade y las comprueba.
import { useTool } from "webmcpx/react";
function Cart({ cart }) {
useTool({
name: "add_to_cart",
description: "Add a product to the cart by SKU.",
input: { sku: "string", "qty?": "integer" },
acts: true,
run: ({ sku, qty = 1 }) => cart.add(sku, qty),
});
return <CartView cart={cart} />;
}Registrada mientras el componente está montado; desaparece al desmontarlo.
<script setup>
import { useTool } from "webmcpx/vue";
useTool({
name: "add_to_cart",
description: "Add a product to the cart by SKU.",
input: { sku: "string", "qty?": "integer" },
acts: true,
run: ({ sku, qty = 1 }) => cart.add(sku, qty),
});
</script>Registrada mientras el componente está montado; desaparece al desmontarlo.
<script>
import { useTool } from "webmcpx/svelte";
useTool({
name: "add_to_cart",
description: "Add a product to the cart by SKU.",
input: { sku: "string", "qty?": "integer" },
acts: true,
run: ({ sku, qty = 1 }) => cart.add(sku, qty),
});
</script>Registrada mientras el componente está montado; desaparece al desmontarlo.
import { tool } from "webmcpx";
tool({
name: "add_to_cart",
description: "Add a product to the cart by SKU.",
input: { sku: "string", "qty?": "integer" },
acts: true,
run: ({ sku, qty = 1 }) => cart.add(sku, qty),
});Desde npm, o importada desde el mismo CDN que la etiqueta de script.
<form toolname="add_to_cart" tooldescription="Add a product to the cart by SKU." action="/cart" method="post" toolautosubmit>
<input name="sku" required toolparamdescription="Product SKU, e.g. MUG-01">
<input name="qty" type="number" min="1" toolparamdescription="How many (default 1)">
<button>Add to cart</button>
</form>Sin JavaScript: la API declarativa de WebMCP. La etiqueta de script la añade donde el navegador aún no la tiene.
WebMCP vs MCP
En qué se diferencia WebMCP de MCP, y por qué necesitas ambos
WebMCP toma el modelo de herramientas de MCP, pero es una API del navegador, no el protocolo MCP. Se complementan.
| Aspecto | WebMCP | MCP |
|---|---|---|
| Dónde se ejecutan | En el JavaScript de tu página, en la pestaña del usuario. | En un proceso de servidor, local (stdio) o remoto. |
| Cómo se invocan | Una API del navegador, document.modelContext; el navegador media en cada llamada. Sin JSON-RPC. | JSON-RPC 2.0 sobre stdio o Streamable HTTP. |
| Qué ejecutas | Tu front-end actual. Sin servidor nuevo. | Un servidor MCP que alojas y operas. |
| Autenticación | La sesión que el usuario ya tiene iniciada. Sin tokens que emitir. | Autorización basada en OAuth para servidores remotos. |
| Descubrimiento | En cuanto se abre la página. Nada que encontrar antes de la visita. | tools/list en un endpoint conocido, y registros públicos. |
| Ciclo de vida | Mientras la página esté abierta. | Siempre activo, sin necesidad de navegador. |
| El usuario | Presente, en la misma página que el agente. | Opcional: funciona en modo headless. |
| Alcance | Solo herramientas, con esquemas de entrada y salida. | Herramientas, recursos y prompts, además de elicitación y extensiones. |
| Indicaciones | readOnlyHint, consequentialHint, untrustedContentHint. Mismo origen por defecto. | readOnlyHint, destructiveHint, idempotentHint, openWorldHint. |
| Estado | Borrador de un Community Group del W3C. Lo llaman ChatGPT de escritorio y Codex; Chrome: origin trial. | Un proyecto de la Linux Foundation, más de 10 000 servidores públicos. |
Usa ambos
MCP sirve a los agentes que nunca abren tu sitio. WebMCP, a los que trabajan en la pestaña, junto a tu usuario. Usa ambos sobre un mismo backend: Shopify ya lo hace.
Fuentes Borrador de WebMCP Explainer de WebMCP Especificación de MCP Shopify con ambos
Issues de la spec
Peticiones de la spec que webmcpx ya resuelve
FAQ
Preguntas sobre WebMCP
¿Qué es WebMCP?
Una API del navegador, en borrador en el W3C Web Machine Learning Community Group: la página registra herramientas con
document.modelContext.registerTool()y un agente de IA las llama en lugar de leer capturas de pantalla o el HTML de la página. Las herramientas se ejecutan en la propia pestaña del usuario.¿Cómo uso WebMCP desde Claude Code o Codex?
Ejecuta
claude mcp add webmcpx -- npx -y webmcpx mcp(en Codex:codex mcp add webmcpx -- npx -y webmcpx mcp). A partir de ahí, tu agente abre las páginas en su propio Chromium y recibe las herramientas WebMCP de cada página, además de las estándar, en cualquier sitio.¿Cómo dejo mi sitio listo para agentes?
Añade la etiqueta script de webmcpx: cada página obtiene herramientas estándar (búsqueda, lectura, contexto de la página) sin escribir más código. Después registra tus propias acciones, como buscar o añadir al carrito, con
tool(). Escanea tu sitio aquí para comprobarlo.¿Funciona en Firefox y Safari?
Sí. Cuando el navegador no trae WebMCP propio, webmcpx carga el polyfill de WebMCP del W3C, en páginas HTTPS. Chrome, Firefox y Safari ven las mismas herramientas.
¿WebMCP es un estándar del W3C?
Todavía no. Es un borrador del W3C Web Machine Learning Community Group (2 de noviembre de 2026). Chrome y Edge lo ofrecen en origin trials, Mozilla se mantiene neutral y WebKit tiene objeciones. webmcpx sigue el borrador y carga el polyfill del W3C, así que tus herramientas funcionan ya y evolucionan con la spec.
¿Es seguro dejar que los agentes llamen a las herramientas de mi sitio?
Las herramientas se ejecutan en la propia pestaña del usuario, con sus propios permisos, y no pueden hacer nada que la página no pudiera hacer ya. Las herramientas estándar de webmcpx solo leen lo que muestra la página, sin caracteres invisibles. Marca con
consequentialHinttus herramientas que cambian algo, para que los agentes puedan preguntar antes al usuario, y deja que el linter detecte instrucciones ocultas en las descripciones de las herramientas.¿WebMCP es lo mismo que MCP?
No. WebMCP toma prestado el modelo de herramientas de MCP, pero es una API del navegador, no el protocolo MCP: las herramientas viven en la página y se ejecutan en la pestaña del usuario. Se complementan, y el servidor MCP de webmcpx conecta ambos mundos.