
Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
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
Atualizada no GitHub em 29 de setembro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
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.
Implements and debugs browser WebMCP integrations in JavaScript or TypeScript web apps. Use when exposing imperative tools through document.modelContext (with…
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.
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.
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.
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.
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.
1x webmcpR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/webmaxru/web-ai-agent-skills
O que é automação com IA na prática, diferença entre fluxo fixo e agente inteligente, ferramentas (n8n, Claude Code) e como vender para empresas.