Pular para o conteúdo
Skillpedia
Agentes40 mil · #5419

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

https://github.com/github/awesome-copilot/blob/main/skills/webmcpify/SKILL.md

Mensagem pronta para colar

Use esta skill para me ajudar: https://github.com/github/awesome-copilot/blob/main/skills/webmcpify/SKILL.md Leia o arquivo SKILL.md desse link e siga as instruções dele na minha tarefa.
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 webmcpify

Ou baixe só o arquivo:

curl -L https://raw.githubusercontent.com/github/awesome-copilot/main/skills/webmcpify/SKILL.md -o SKILL.md
Conteú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)

  1. 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.
  2. 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.
  3. 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.
  4. Formato de especificação e sem dependências. Registre via document.modelContext.registerTool() com ciclo de vida AbortSignal (detecte recursos para o fallback obsoleto navigator.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.
  5. Nunca toolautosubmit em formulários que alteram estado — nem mutating: "client" nem "server". Apenas em formulários de leitura pura (pesquisa, filtro, disponibilidade).
  6. 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 (escreva manifest.json.tmp, depois renomeie sobre manifest.json).
  7. 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

Essa skill é útil?

0

Entre para votar.

Comentários

  • …

Mais skills deste repositório

Skills parecidas