Pular pro conteúdo

Webmcp skill

O Claude prepara seu site pra um agente de IA no Chrome usar as funções que você liberar, como buscar produto ou fazer pedido, com confirmação nas ações sérias.

por webmaxru

instalações
516
estrelas no GitHub
52
No skills.sh desde
março de 2026
Licença
Sem licença declarada

Atualizada no GitHub em 29 de setembro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.

O que ela faz

WebMCP é um recurso novo do Chrome que deixa uma página oferecer ferramentas a um agente de IA que roda no navegador. A skill faz o Claude achar no seu projeto onde está a interface, escolher o formato e registrar essas ferramentas com nome, descrição e os dados que cada uma recebe.

São dois jeitos. Por código, o Claude aproveita uma função que já existe no site e a registra pelo document.modelContext. Por formulário, ele só marca o form do HTML com nome e descrição, e os campos viram os parâmetros. Ferramenta que compra, apaga ou muda algo de verdade ganha a marca de ação séria, pro agente pedir confirmação.

A skill cobra que a tela mostre o que o agente fez, que ação sensível continue passando pela confirmação e pelas permissões do próprio site e que a ferramenta devolva erro claro quando o dado vier errado. No fim, testa registro, remoção, cancelamento e entrada inválida, e roda o build e os testes do projeto.

Nas palavras de quem fez

Implements and debugs browser WebMCP integrations in JavaScript or TypeScript web apps. Use when exposing imperative tools through document.modelContext (with…

webmaxru, no SKILL.md

Quando usar

  • Deixar um agente de IA buscar produtos ou agendar horário no seu site
  • Transformar o formulário de contato ou de pedido numa ferramenta pra agente
  • Preparar uma loja ou um sistema web pra receber agentes no Chrome
  • Descobrir por que a ferramenta registrada não aparece pro agente

Depois de instalar, é só pedir assim

  • Expõe a busca de produtos desse site como ferramenta WebMCP, só de leitura
  • Marca o formulário de agendamento pra virar ferramenta WebMCP e devolver erro claro quando faltar a data
  • A ferramenta adicionar_ao_carrinho dá InvalidStateError no registro, descobre o porquê

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

  • Gen Agent Trust HubPassou
  • SocketPassou
  • SnykPassou

Perguntas

Como instalar a Webmcp no Claude Code?

Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Webmcp, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.

O que a webmcp skill precisa pra funcionar?

De um site ou app web em JavaScript ou TypeScript e, pra testar, do Chrome 146 ou mais novo com a opção chrome://flags/#enable-webmcp-testing ligada. O recurso ainda é prévia e só existe no Chrome. O Node ajuda a mapear os arquivos do projeto, mas não é obrigatório. Não pede chave de API.

Roda no Codex e no Antigravity?

Sim. A skill é um guia com arquivos de referência e um modelo de código, sem ferramenta exclusiva do Claude Code. O que ela produz roda no Chrome, não no agente que escreveu o código.

O que ela não faz?

Não cria servidor MCP, API nem nada fora do navegador: a ferramenta só funciona com a página aberta numa janela do Chrome, em conexão segura, e não roda em segundo plano nem em servidor. E a especificação ainda muda de uma versão do Chrome pra outra, então o código de hoje pode pedir ajuste.

Levar essa skill

1x webmcpR$ 0,00

TotalR$ 0,00

A skill sai aqui mesmo, na hora. Seus dados eu uso pra falar com você sobre o MazyOS.

Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/webmaxru/web-ai-agent-skills

Aprenda a usar

Mais da loja webmaxru

Ver a loja webmaxru