Use o WebMCP para criar sites que funcionam melhor com agentes de IA.
Começar Participar do teste de origem

APIs WebMCP

O que é o WebMCP e por que ele é importante?

Leia o documento

Defina ferramentas do WebMCP com JavaScript padrão para executar funções específicas do site, como entrada de formulário e navegação no site.

Leia o documento

Transforme seus formulários HTML padrão em ferramentas WebMCP adicionando anotações.

Leia o documento

Juntos, o WebMCP e o MCP ajudam os agentes a realizar tarefas personalizadas em nome de usuários humanos.

Leia o documento

Como o WebMCP funciona

Em apenas três etapas, seu site informa aos agentes exatamente o que eles podem fazer.
Conhecer a API Imperative
Etapa 1

Seu site declara as ações que um agente pode realizar como ferramentas do WebMCP. Cada ferramenta tem um nome, uma descrição e um 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);
  }
});
Etapa 2

O navegador coleta e apresenta essas ferramentas ao agente com reconhecimento do WebMCP do usuário, juntamente com o URL, o título e o escopo de permissão de origem da página.

Seu site se comunica com o navegador, que traduz para o agente.
Etapa 3

O agente vê um contrato, fornece argumentos estruturados e seu código faz o resto. O usuário fica informado sobre permissões e confirmações. É mais rápido e confiável do que a atuação.

// the agent's view
{
  "tool": "bookSlot",
  "arguments": {
    "date": "2026-07-31",
    "time": "14:00",
    "name": "Jerry Jones",
    "email": "jerry.jones@example.com"
  }
}

Otimizar seu site para agentes

Crie ferramentas seguras que atendam às necessidades do usuário e aos recursos do site.

Leia exemplos da perspectiva de um usuário e de um agente para entender quais ferramentas do WebMCP oferecem suporte a uma jornada ideal do usuário (CUJ).

Ler o documento

Assim como em qualquer aplicativo de software, a primeira etapa é planejar a estratégia da ferramenta.

Ler o documento

Aprenda a definir e criar ferramentas WebMCP úteis para seu site ou aplicativo da Web.

Ler o documento

Leia nossas orientações iniciais sobre segurança para quem cria ferramentas com o WebMCP.

Ler o documento

Antes de lançar as ferramentas do WebMCP, faça testes para confirmar se os agentes entendem quando chamar a ferramenta, como executá-la e quais respostas são aceitáveis.

Ler o documento

Criar com agentes de IA

Use o Modern Web Guidance com seus agentes de programação de IA favoritos para acessar as práticas recomendadas da Web no fluxo de trabalho de sua preferência. 
npx modern-web-guidance@latest install
Confira a documentação
Use o Modern Web Guidance para criar extensões mais rapidamente com a ajuda de agentes de programação.
Leia o documento

Considerações de segurança para desenvolvedores de agentes

Os desenvolvedores de agentes precisam criar proteções contra textos maliciosos de conteúdo não confiável. Identificamos algumas técnicas de segurança relevantes para agentes que usam o WebMCP.
Leia nossas orientações

Seu assistente de IA direto no navegador. Confira os pontos-chave, descomplique conceitos e encontre respostas com base no contexto das suas guias abertas.

O Gemini funciona em todos os seus apps do Google para ajudar você a realizar suas tarefas diárias.

Conheça o Gemini no Chrome

Conheça os agentes de IA

web.dev
Entender os conceitos básicos e definições das várias tecnologias emergentes, geralmente chamadas de IA.
Leia o documento
web.dev
Como profissionais da Web, é fundamental que criemos novas tecnologias de forma cuidadosa e responsável.
Leia o documento
web.dev
Crie uma base de conhecimento sobre IA para adicionar recursos aos seus sites e aplicativos da Web.
Fazer o curso