Crie sites e aplicativos que funcionem para os usuários e os agentes de IA deles.
Começar Participar do teste de origem

Como o WebMCP funciona

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

Seu site declara as ações que um agente pode realizar como ferramentas 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 o código faz o resto. O usuário fica por dentro das permissões e confirmações. Chega de adivinhar

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

Criar ferramentas para agentes

Saiba mais sobre as APIs e a documentação do WebMCP.
Começar
Descubra oportunidades para seu site ajudar usuários e agentes a serem mais eficientes adicionando ferramentas do WebMCP.
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
Teste suas ferramentas para confirmar se os agentes entendem quando chamar a ferramenta, como executá-la e quais respostas são aceitáveis.
Leia o documento
Aprenda as práticas recomendadas para usar as APIs WebMCP.
Leia o documento
Saiba como criar ferramentas seguras para seu site.
Leia o documento
Juntos, o WebMCP e o MCP ajudam os agentes a realizar tarefas personalizadas em nome dos usuários humanos.
Leia 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