webmcpify
Ajuda seu agente a se conectar com aplicações web. Ele cria um manifesto para que a IA possa interagir com as ações da aplicação e testá-la em um navegador.
O que ela faz
O webmcpify transforma um site existente em uma ferramenta para agentes de IA. Ele faz isso expondo as funções do site de forma que a IA possa usá-las diretamente, em vez de tentar adivinhar como interagir com a página.
Quando usar
- ✓Quando você quer que uma IA controle seu site.
- ✓Para conectar um site a sistemas de IA mais avançados.
- ✓Para tornar as ações do site compreensíveis para agentes de IA.
Exemplo do que pedir para a IA
“Transforme meu site de e-commerce para que a IA possa adicionar produtos ao carrinho e finalizar compras.”
Quer saber mais? Abra as seções abaixo.
Como usar
O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.
Link da skill
Mensagem pronta para colar
Como funciona
O webmcpify analisa seu site, identifica as ações que um usuário pode fazer e cria um 'manifesto' que descreve essas ações para a IA. Em seguida, ele integra essas descrições ao site e verifica se a IA consegue usar as funções corretamente.
Instalação
Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.
No terminal (Claude Code, Codex, Cursor), na pasta do projeto:
npx skills add github/awesome-copilot --skill webmcpifyOu baixe só o arquivo:
curl -L https://raw.githubusercontent.com/github/awesome-copilot/main/skills/webmcpify/SKILL.md -o SKILL.mdConteúdo técnico (SKILL.md)
Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.
webmcpify — torne qualquer aplicativo web pronto para agentes, de forma verificável
Você está executando o pipeline webmcpify. Ele pega um aplicativo web existente e
expõe sua funcionalidade voltada para o usuário como ferramentas WebMCP
(document.modelContext — um padrão web proposto incubado no W3C Web
Machine Learning Community Group, atualmente em um teste de origem do Chrome), para que
agentes de IA do navegador possam operar o aplicativo por meio de chamadas de ferramentas estruturadas em vez de adivinhar o DOM.
DETECT ──▶ INVENTORY ──▶ [HUMAN GATE: manifest approval] ──▶ INTEGRATE ──▶ VERIFY ──▶ HEAL ──▶ AUDIT
▲ loop per-area batches on big apps ▲ loop ▲ loop ▲ loop
└── per area └── per manifest entry ──┘
Tudo o que você precisa está incluído neste diretório de skill: guias de fase em
references/, e código distribuível em templates/ (runtime, tipos ambientais,
variante JS, tipagens React JSX, especificação de verificação). Nunca assuma que arquivos existem
fora do diretório da skill.
Fora do escopo (pare e diga isso): servidores MCP apenas de backend (isso é MCP clássico, não WebMCP), automação de sites de terceiros que você não controla e trabalho genérico de SEO.
Modos de Invocação
O usuário pode passar um argumento (/webmcpify <mode> ou palavras simples):
| Argumento | Executar | Parar em |
|---|---|---|
(nenhum) ou full |
todas as fases, retomando do estado atual do manifesto | concluído |
inventory / map |
apenas loops DETECT + INVENTORY — zero alterações de código | apresentar a tabela do manifesto para revisão |
integrate |
apenas loop INTEGRATE (requer ferramentas aprovadas no manifesto) | integrado + construído |
verify |
loops VERIFY + HEAL em ferramentas integradas/verificadas | relatório verde/pulado |
status |
ler .webmcpify/manifest.json — somente leitura |
fase de relatório, contagem de ferramentas por status e o comando recomendado a seguir |
Qualquer outro texto é orientação de escopo (por exemplo, "apenas a área de checkout", "ferramentas somente leitura").
Regras Fundamentais (não negociáveis, aplique em todas as fases)
- Zero alterações não relacionadas. Cada "diff hunk" que você produzir deve ser rastreado até uma entrada do manifesto ou a configuração única registrada. Nunca refatore, reformate, renomeie ou "melhore" qualquer outra coisa — anote problemas no relatório em vez disso. Arquivos que já estavam sujos na linha de base (registrados no manifesto) são intocáveis: nunca modifique ou reverta-os.
- Ferramentas somente leitura primeiro. Mutações são tri-estado:
mutating: false,"client"(apenas local do navegador: preferências, localStorage), ou"server"(dados saem do navegador). Ferramentas que modificam o servidor requerem aprovação humana por ferramenta explícita registrada no manifesto; ferramentas que modificam o cliente podem ser aprovadas em lote no portão. Nunca exponha ações destrutivas, irreversíveis ou de pagamento em uma primeira integração. - O servidor é o único limite de confiança. A
execute()de uma ferramenta só pode chamar caminhos de código que a UI já usa (mesmos endpoints, mesmas validações, mesma autenticação). Nunca crie novos endpoints, nunca ignore verificações existentes, nunca coloque segredos em ferramentas. - Formato de especificação e sem dependências. Registre via
document.modelContext.registerTool()com ciclo de vida AbortSignal (detecte recursos para o fallback obsoletonavigator.modelContext). Sem dependências de runtime WebMCP de terceiros. Tudo detectado por recursos: o aplicativo se comporta de forma idêntica em navegadores sem WebMCP. - Nunca
toolautosubmitem formulários que alteram estado — nemmutating: "client"nem"server". Apenas em formulários de leitura pura (pesquisa, filtro, disponibilidade). - O estado vive em arquivos, não no seu contexto. Leia/escreva
.webmcpify/constantemente; assuma que seu contexto pode ser limpo entre quaisquer duas etapas. Escreva o manifesto atomicamente (escrevamanifest.json.tmp, depois renomeie sobremanifest.json). - Commits são opt-in. Nunca faça commit, a menos que o humano tenha escolhido uma política de commit no portão (veja abaixo). Sem git ou sem permissão, deixe as alterações na árvore de trabalho e registre o progresso apenas no manifesto.
Orientação fresca e autoritativa
WebMCP é uma API de teste de origem em evolução — a superfície já mudou durante o teste (API de teste removida em 2026-07; navigator → document). Antes da Fase 2, se a rede estiver disponível, baixe os guias oficiais atuais do Google em vez de confiar na memória:
npx -y modern-web-guidance@latest retrieve "webmcp,agentic-forms,agentic-javascript-tools"
Se estiver offline, use references/integrate.md — mas prefira os guias ao vivo quando eles entrarem em conflito.
…
Perguntas frequentes
O que é WebMCP?
WebMCP é um padrão proposto para que sites descrevam suas funcionalidades para agentes de IA de forma estruturada.
O que o agente de IA faz com essas informações?
A IA usa o 'manifesto' para entender quais ações são possíveis no site e como executá-las, permitindo que ela controle o site de forma mais eficaz.
O que acontece se a IA tentar fazer algo que não deveria?
O webmcpify tem mecanismos de verificação e cura para garantir que a IA só execute ações permitidas e seguras, e que o código não relacionado ao manifesto não seja alterado.
Detalhes
Descrição original do autor
Make a web app agent-ready — propose a WebMCP tool manifest, integrate, verify in a real browser, heal; unrelated code stays untouched. Use for "webmcpify", "add WebMCP", or "expose app actions to AI agents".
repo: github/awesome-copilot
Popularidade
- Estrelas no GitHub
- 40 mil
- Posição no ranking
- #5419
- Licença
- MIT
- Atualizada em
- 15/10/2026
Comentários
- …
Mais skills deste repositório
acquire-codebase-knowledge
Ajuda seu agente a entender e documentar um projeto de código existente. É útil para novas pessoas entrarem no projeto ou para ter uma visão geral da arquitetura.
github/awesome-copilot
acreadiness-assess
Faz seu agente avaliar a prontidão de um projeto para IA e gerar um relatório. É útil para entender o quão bem um projeto está preparado para usar ferramentas de IA.
github/awesome-copilot
acreadiness-generate-instructions
Ajuda seu agente a criar instruções para ferramentas de IA baseadas em uma avaliação. É útil para melhorar a forma como a IA interage com o código e fecha lacunas identificadas.
github/awesome-copilot
acreadiness-policy
Faz seu agente ajudar a definir ou aplicar políticas para avaliação de projetos de IA. É útil para padronizar a forma como os projetos são avaliados e garantir conformidade.
github/awesome-copilot
Skills parecidas
agent-architecture-audit
Faz seu agente verificar se tudo está funcionando corretamente. Ele encontra e conserta problemas em sistemas de IA, garantindo que funcionem como esperado.
affaan-m/ECC
agent-eval
Ajuda seu agente a comparar diferentes ferramentas de programação de IA. Ele mede qual é mais rápido, barato e confiável para realizar tarefas específicas.
affaan-m/ECC
agent-harness-construction
Faz seu agente entender melhor como realizar tarefas. Ele otimiza as ferramentas e instruções que o agente usa para aumentar suas chances de sucesso.
affaan-m/ECC