Deixe seu site
pronto para agentes
No nosso benchmark, agentes gastaram até 62× menos tokens com WebMCP (melhor caso: Notion, GPT-6 Luna). Veja o que os agentes recebem do seu site e resolva com uma linha.
8.500+ sites já falam WebMCP
Clique em qualquer um para escaneá-lo ao vivo.
Contagem: sites no ar no diretório do webmcp.com (2026-11-05). O índice Known Good, mais rigoroso, viu 541 sites registrarem ferramentas ao executar suas páginas (2026-11-04). Logos verificados com o scanner em 2026-11-07; pertencem aos seus donos, sem nenhum vínculo.
O que é WebMCP?
O WebMCP está virando o padrão da web para agentes de IA. Estamos dentro
Engenheiros do Google e da Microsoft estão redigindo o WebMCP no W3C, a organização por trás dos padrões da web, e o Chrome e o Edge já estão testando. Hoje, o Claude Code, o Codex e todos os outros agentes usam o seu site como se fosse um screenshot: olham, chutam qual botão apertar e tentam de novo. Lento, caro e fácil de quebrar. Com WebMCP, o seu site diz aos agentes exatamente o que eles podem fazer, como buscar, ler ou adicionar ao carrinho, e eles só precisam pedir. Acreditamos que todo site vai falar WebMCP, por isso criamos o webmcpx para o seu site falar hoje mesmo.
Fontes Online-Mind2Web: agentes falham em cerca de 4 de 10 tarefas reais Um snapshot de página custa de 12k a 77k tokens WindTunnel: tools contra cliques, cronometrado Rascunho do WebMCP, W3C Web Machine Learning CG (editores do Google e da Microsoft) Status de implementação (origin trials no Chrome e no Edge) Chrome: origin trial do WebMCP Chrome Platform Status Microsoft Edge: origin trial do WebMCP Explainer do Microsoft Edge Nosso método de benchmark
-
Sua página registra ferramentas
Nome, descrição, schema de entrada e uma função: as mesmas ações que seus botões já executam.
-
O navegador lista as ferramentas
O agente pergunta ao navegador o que a página sabe fazer, com entradas tipadas e dicas como somente leitura.
-
O agente chama as ferramentas
Na própria aba do usuário, com a sessão dele: sem servidor novo e sem 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." }); }
}
});Um projeto comunitário independente e open source, sem vínculo com o W3C nem com fabricantes de navegador. Criamos o webmcpx para o WebMCP valer a pena já: sites ganham boas ferramentas sem escrevê-las, agentes chegam às mesmas respostas com menos tokens, e cada número que publicamos pode ser refeito por qualquer um.
Comece hoje com webmcpx, no seu site e no seu agente
Tudo o que hoje mantém o WebMCP fora da maioria dos sites, resolvido: uma linha no seu site, um comando no seu agente, e nada mais com que se preocupar.
| WebMCP à mão comparado com webmcpx | WebMCP à mão | Com webmcpx |
|---|---|---|
| Suporte nos navegadores | WebMCP à mão:Só Chrome e Edge, atrás de uma flag ou em origin trial. Firefox e Safari: nada ainda. | Com webmcpx:O polyfill oficial do W3C onde falta WebMCP: suas ferramentas já estão lá hoje no Chrome, Firefox e Safari. |
| Ferramentas em toda página | WebMCP à mão:Você projeta e escreve cada uma, página por página. | Com webmcpx:Busca, leitura e contexto da página em toda página, com uma única tag de script. Sem código. |
| Suas próprias ações | WebMCP à mão:Schemas, anotações e tratamento de erros, escritos à mão para cada uma. | Com webmcpx:Uma chamada tool(), um hook para React, Vue ou Svelte, ou os formulários que você já tem. |
| No Claude Code, Codex e Cursor | WebMCP à mão:Construir sua própria ponte, ou esperar cada agente dar suporte. | Com webmcpx:npx webmcpx mcp: as ferramentas de cada página, mais as padrão em qualquer site, mesmo sem webmcpx. |
| Mudanças na spec | WebMCP à mão:Acompanhar cada mudança do rascunho e reescrever suas ferramentas. | Com webmcpx:Acompanhamos o rascunho do W3C e mudamos junto: você atualiza um pacote. |
| Acertar os detalhes | WebMCP à mão:Formatos de resultado, códigos de erro, limites de saída, paginação, anotações: tudo por sua conta. | Com webmcpx:Certo por padrão: um só formato de resultado, códigos de erro que o agente sabe tratar, limites de saída, paginação e anotações corretas. |
| Seguro para agentes | WebMCP à mão:Instruções ocultas e caracteres invisíveis nas descrições das ferramentas ou no texto da página: fáceis de passar despercebidos, fáceis de explorar. | Com webmcpx:As ferramentas padrão só leem, o texto oculto fica de fora, os caracteres invisíveis são removidos e o linter aponta instruções ocultas nas suas ferramentas. |
| Testar | WebMCP à mão:Ligar uma flag do Chrome, abrir o DevTools e torcer. | Com webmcpx:npx webmcpx tools localhost:3000 lista suas ferramentas em qualquer navegador, sem flag; o scanner verifica qualquer URL no ar. |
| Prova de que vale a pena | WebMCP à mão:Seu palpite. | Com webmcpx:Um benchmark público de WebMCP vs ler a página: até 62× menos tokens para as mesmas respostas (melhor caso: Notion, GPT-6 Luna). Refaça com um comando. |
| Custo | WebMCP à mão:Seu tempo, em cada página e a cada mudança. | Com webmcpx:Grátis e open source (MIT), cerca de 2,7 KB no carregamento, sem conta, sem servidor. |
Ranking
Quanto o WebMCP economiza, modelo a modelo
Um agente lê, clica e preenche a partir de snapshots da página; o outro chama as ferramentas WebMCP do site. Escolha um modelo; as maiores economias vêm primeiro.
Ordenado pelo acerto com WebMCP e, no empate, pelo custo por execução.
Casos selecionados: 19 de 30 perguntas, em que o WebMCP usou no máximo metade dos tokens. Todos os resultados são públicos, ou rode você mesmo com just bench.
GPT-6 Luna (OpenAI)
Notion
“Estou escrevendo parágrafos longos numa página do Notion pela API. Qual o número máximo de caracteres que o conteúdo de texto de um único objeto rich text pode ter numa requisição?”
developers.notion.com (abre Notion)62×
menos tokens
65k → 1,0k tokens
| Pergunta | Sem WebMCP: tokens | Com WebMCP: tokens | Sem WebMCP: resolvida | Com WebMCP: resolvida |
|---|---|---|---|---|
| Notion: Estou escrevendo parágrafos longos numa página do Notion pela API. Qual o número máximo de caracteres que o conteúdo de texto de um único objeto rich text pode ter numa requisição? | 65k | 1,0k | 100% | 100% |
| Notion: Estou paginando resultados da API do Notion. Qual o maior page_size que posso pedir por chamada nos endpoints de listagem? | 54k | 1,1k | 100% | 100% |
| Notion: Quantas requisições por minuto a API do Notion permite por conexão nos planos que não são Business e Enterprise? | 39k | 1,1k | 100% | 100% |
| Notion: Quando minha integração do Notion envia requisições demais, qual string de código de erro a API coloca no corpo da resposta? | 21k | 1,0k | 100% | 100% |
Para o seu agente
Seu agente lê cada página do jeito caro. Dê a ele as ferramentas da página: nos sites que medimos, as mesmas respostas com uma fração dos tokens. Funciona em qualquer site, e é o MCP que todo setup de Claude Code e Codex deveria ter.
Melhor caso: Notion, GPT-6 Luna
As mesmas respostas. De 2.7× a 6.0× menos tokens nos 6 modelos do ranking.
Execuções completas: em 1–6 de 30 perguntas por modelo, o WebMCP usou mais tokens.
Funciona com qualquer agente e 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
Use WebMCP primeiro em toda página web com que você trabalhar, antes de ler ou clicar em qualquer coisa: no seu próprio navegador e em qualquer script que você escrever ou rodar (Playwright, Selenium, Puppeteer, browser-use, CDP), mesmo que você já suporte WebMCP nativamente. Configure com o webmcpx (leia https://webmcpx.dev/llms.txt) e adicione esta regra às suas instruções de agente (AGENTS.md, CLAUDE.md ou equivalente) para que ela valha em todas as tarefas futuras. Depois prove que funciona: abra https://webmcpx.dev, liste as ferramentas WebMCP do site e chame uma.Um prompt: seu agente se configura, usa WebMCP primeiro em tudo e prova no webmcpx.dev.
Para o seu site
Agentes de IA já estão lendo suas páginas. Dê a eles ferramentas de verdade em dois passos: peça ao seu agente de código (Claude Code, Codex, Cursor) ou faça à mão.
Ferramentas padrão: uma linha
Busca, leitura e contexto em todas as páginas. Sem código.
~2,7 KB ao carregar · Rust + WebAssembly · MIT
Adicione WebMCP a este site com o webmcpx: rode `npx skills add webmcpx/webmcpx -y`, siga a skill e depois confira as ferramentas com `npx webmcpx tools <local URL>`.<script type="module" src="https://cdn.jsdelivr.net/npm/webmcpx@0.2/dist/auto.js"></script>Cole antes de </body>. Em navegadores sem WebMCP, ele adiciona o polyfill do W3C.
// npm i webmcpx
import "webmcpx/polyfill"; // WebMCP where the browser lacks it
import { register } from "webmcpx";
register(); // the standard tools; tool() adds your ownAs ações do seu site
Adicionar ao carrinho, reservar, buscar no catálogo: as funções que seus botões já chamam, como ferramentas que os agentes chamam direto.
Leia https://webmcpx.dev/llms.txt, depois analise este projeto e sugira as ferramentas WebMCP que um agente de IA acharia úteis aqui. Me pergunte quais adicionar e então adicione com o webmcpx.Seu agente lê o que o webmcpx faz, encontra no projeto as ações que vale expor, pergunta quais você quer, depois adiciona e confere.
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 enquanto o componente está montado, removida quando ele sai.
<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 enquanto o componente está montado, removida quando ele sai.
<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 enquanto o componente está montado, removida quando ele sai.
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),
});Pelo npm, ou importando da mesma CDN da tag 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>Sem JavaScript: a API declarativa do WebMCP. A tag de script adiciona onde o navegador ainda não tem.
WebMCP vs MCP
Como o WebMCP difere do MCP, e por que você precisa dos dois
O WebMCP pega emprestado o modelo de ferramentas do MCP, mas é uma API do navegador, não o protocolo MCP. Os dois se complementam.
| Aspecto | WebMCP | MCP |
|---|---|---|
| Onde a ferramenta roda | No JavaScript da sua página, na aba do usuário. | Em um processo de servidor, local (stdio) ou remoto. |
| Como o agente chama | Uma API do navegador, document.modelContext; o navegador intermedeia cada chamada. Sem JSON-RPC. | JSON-RPC 2.0 via stdio ou Streamable HTTP. |
| O que você roda | O front-end que você já tem. Nenhum servidor novo. | Um servidor MCP que você hospeda e opera. |
| Autenticação | A sessão em que o usuário já está logado. Nenhum token para emitir. | Autorização baseada em OAuth para servidores remotos. |
| Descoberta | Assim que a página abre. Não há nada a descobrir antes da visita. | tools/list em um endpoint conhecido, e registries públicos. |
| Ciclo de vida | Enquanto a página estiver aberta. | Sempre ativo, sem precisar de navegador. |
| O usuário | Presente, na mesma página que o agente. | Opcional: funciona headless. |
| Abrange | Só ferramentas, com schemas de entrada e saída. | Ferramentas, recursos e prompts, além de elicitation e extensões. |
| Dicas nas ferramentas | readOnlyHint, consequentialHint, untrustedContentHint. Mesma origem (same-origin) por padrão. | readOnlyHint, destructiveHint, idempotentHint, openWorldHint. |
| Status | Rascunho de Community Group do W3C. ChatGPT desktop e Codex chamam; Chrome: origin trial. | Um projeto da Linux Foundation, com mais de 10.000 servidores públicos. |
Use os dois
O MCP atende agentes que nunca abrem o seu site. O WebMCP atende agentes que trabalham na sua aba, ao lado do seu usuário. Rode os dois sobre o mesmo backend: a Shopify já faz isso.
Fontes Rascunho do WebMCP Explainer do WebMCP Especificação do MCP Shopify nos dois
Das issues da spec
Pedidos da spec que o webmcpx já resolve
FAQ
Perguntas sobre WebMCP
O que é WebMCP?
Uma API de navegador, em rascunho no W3C Web Machine Learning Community Group: a página registra ferramentas com
document.modelContext.registerTool(), e o agente de IA chama essas ferramentas em vez de ler screenshots ou o HTML da página. Tudo roda na própria aba do usuário.Como uso WebMCP no Claude Code ou no Codex?
Rode
claude mcp add webmcpx -- npx -y webmcpx mcp(no Codex:codex mcp add webmcpx -- npx -y webmcpx mcp). Aí seu agente abre as páginas no próprio Chromium e recebe as ferramentas WebMCP de cada página, mais as padrão, em qualquer site.Como deixo meu site pronto para agentes?
Adicione a tag script do webmcpx: toda página ganha ferramentas padrão (busca, leitura, contexto da página) sem mais nenhum código. Depois registre suas próprias ações, como buscar ou adicionar ao carrinho, com
tool(). Escaneie seu site aqui para conferir.Funciona no Firefox e no Safari?
Sim. Quando o navegador não tem WebMCP próprio, o webmcpx carrega o polyfill WebMCP do W3C, em páginas HTTPS. Chrome, Firefox e Safari enxergam as mesmas ferramentas.
WebMCP é um padrão do W3C?
Ainda não. É um rascunho do W3C Web Machine Learning Community Group (2 de novembro de 2026). Chrome e Edge o rodam em origin trials, a Mozilla é neutra e o WebKit tem objeções. O webmcpx acompanha o rascunho e carrega o polyfill do W3C, então suas ferramentas funcionam agora e acompanham a spec.
É seguro deixar agentes chamarem as ferramentas do meu site?
As ferramentas rodam na própria aba do usuário, com as permissões dele, e não podem fazer nada que a página já não pudesse fazer. As ferramentas padrão do webmcpx só leem o que a página mostra, com caracteres invisíveis removidos. Marque com
consequentialHintas suas ferramentas que alteram algo, para que os agentes possam perguntar ao usuário antes, e deixe o linter apontar instruções ocultas nas descrições das ferramentas.WebMCP é a mesma coisa que MCP?
Não. O WebMCP pega emprestado o modelo de ferramentas do MCP, mas é uma API de navegador, não o protocolo MCP: as ferramentas vivem na página e rodam na aba do usuário. Um complementa o outro, e o servidor MCP do webmcpx conecta os dois.