Base: como os agentes usam um site hoje|INEMA.CLUB-PRO

Formação WebMCP · curso 0 de 6 · 8 aulas

Base: como os agentes usam um site hoje, e o que o seu site mostra a eles

Ler, operar a tela e chamar ferramenta: os três jeitos de um agente usar o seu site. Você vê a árvore de acessibilidade que ele recebe, conserta o HTML, situa MCP e WebMCP, lê o estado do rascunho com data e sai com o diagnóstico do seu site. Tudo local, sem gastar cota.

Começar pela aula 1 Ver a área WebMCP
Monitor escuro com um navegador aberto num formulário e um cabo plugado num conector ao lado.
  • 8aulas
  • 21exercícios com saída esperada
  • 7scripts no kit, todos locais
  • 0chamadas a modelo

As aulas

Do que o agente faz hoje ao plano do seu site: três jeitos, a árvore, o HTML, MCP e WebMCP, estável × rascunho, quem chega, o diagnóstico e o plano.

  1. Aula 1 · 15 minTrês jeitos de um agente usar o seu site: ler, operar a tela, chamar ferramentaQuando um agente de IA chega ao seu site, ele faz uma de três coisas: lê o HTML, opera a tela como uma pessoa ou chama uma ferramenta que o site declarou. Nesta aula você roda os três contra uma página de exemplo e contra um site real, e vê qual funciona em cada caso.
  2. Aula 2 · 15 minO que o agente enxerga: árvore de acessibilidade × captura de telaVocê vê cores, um botão amarelo e um campo de data. Um agente de navegador como o Playwright MCP recebe outra coisa: uma lista de papéis e nomes, a árvore de acessibilidade. Nesta aula você imprime essa árvore da página de exemplo, compara com a captura de tela e aprende a ler o que falta.
  3. Aula 3 · 20 minHTML semântico e formulário bem rotulado: a interface que todo agente já lêAntes de qualquer ferramenta para agentes, existe uma interface que todos eles já leem: o HTML. Rótulo ligado ao campo, botão de verdade, região principal, título, idioma e texto alternativo. É estável, serve para leitor de tela e para agente, e não depende de navegador experimental. Nesta aula você conserta a página de exemplo até zerar a conferência.
  4. Aula 4 · 15 minMCP e WebMCP numa figura: servidor × página, quem chama quemOs dois nomes parecem a mesma coisa e não são. MCP liga um agente a um servidor seu, fora do navegador, e é estável. WebMCP deixa a própria página declarar ferramentas para o agente que está no navegador, e é rascunho. Nesta aula você separa os dois numa figura e roda a detecção de recurso que mantém o site funcionando sem a API.
  5. Aula 5 · 15 minEstável × rascunho: ler a spec, o Chrome Status e as posições dos navegadores com dataO WebMCP já trocou de nome uma vez e pode mudar de novo antes do fim do origin trial. Quem ensina ou implementa precisa saber, com data, o que está escrito na spec, em que navegador roda e quem é contra. Nesta aula você lê isso direto nas fontes primárias com um script, e aprende a separar o que é base do que é laboratório.
  6. Aula 6 · 15 minQuem está chegando: robôs por finalidade e agentes assinados (o conceito)Nem todo robô de IA que visita o seu site faz a mesma coisa: uns indexam para a busca, outros leem a pedido de uma pessoa, outros coletam para treino. O robots.txt pede por finalidade, mas não prova quem é quem. Nesta aula você lê o seu robots.txt por finalidade e entende o que o rascunho Web Bot Auth propõe para identificar o agente.
  7. Aula 7 · 20 minO diagnóstico do WebMCP Readiness: rodar e ler sem cair no "nota alta = ranking"O WebMCP Readiness é o scanner aberto do INEMA: abre a página num navegador isolado, só lê, e devolve uma nota em quatro categorias. Nesta aula você roda o scanner na sua máquina, com versão fixada, contra a página de exemplo e contra o seu site, e aprende a ler o resultado como diagnóstico, não como promessa de ranking.
  8. Aula 8 · 20 minO plano do seu site para agentesVocê já rodou os três jeitos, leu a árvore, consertou o HTML, situou MCP e WebMCP, leu o estado com data, conferiu quem chega e passou o scanner. Agora junta tudo num plano de uma página, com datas, e confere que ficou completo. É esse plano que você leva para os próximos cursos da formação.

Para quem é

  1. 1Dev web, maker ou dono técnico de site que edita HTML e JavaScript e roda comandos no terminal.
  2. 2Quem quer que agentes de IA usem o site, no navegador e por MCP, e nunca mexeu nisso.
  3. 3Quem ouviu falar de WebMCP e quer saber o que é estável e o que ainda é rascunho.

O que você sai fazendo

  1. 1Rodar contra a sua página os três jeitos de um agente usar um site e ver qual funciona.
  2. 2Ler a árvore de acessibilidade que o agente recebe e zerar os problemas do HTML.
  3. 3Dizer, com data e fonte, em que pé estão o WebMCP e as posições dos navegadores.
  4. 4Rodar o WebMCP Readiness na sua máquina e montar o plano do seu site para agentes.

Onde este curso entra na Formação WebMCP

  1. 1É o curso 0: a base dos outros cinco. Ordem sugerida: 0 → 1 → 2 → 3 → 4 → 5.
  2. 2Depois dele: 1 · servidor MCP do seu serviço, 2 · WebMCP na página, 3 · agentes de navegador, 4 · segurança, 5 · expert.
  3. 3Antes de começar: Node 20 ou mais novo, git e Python 3. Linux ou macOS; no Windows, use o WSL.
  4. 4O kit, a página de exemplo e as mensagens dos scripts estão em português em todas as versões do curso; os comandos são os mesmos.