FORMAÇÃO 3 · FASE 2

WebMCP Integrator

Transforme jornadas e sites existentes em integrações WebMCP coerentes, recuperáveis e prontas para evoluir.

Site atualentrada observável Tools WebMCPcontrato explícito Agente + pessoaresultado verificável
4

Capítulos Integrator

4

Módulos disponíveis

24

Tópicos publicados

1

Laboratório

PROGRESSO COMPARTILHADO

Sua jornada continua entre os repositórios

O mesmo identificador da Formação 1 registra lidos, dúvidas e notas. No GitHub Pages, a origem é compartilhada; JSON mantém o fallback portátil.

0 de 240%

Mapa da formação Integrator

O topo navega por capítulos. Dentro de cada capítulo, os módulos seguem a numeração capítulo.módulo.

CAPÍTULO 2

Migração em escala

Inventário multipágina, priorização de portfólio e rollout em lotes.

Próximo
  1. 2.1Crawler de jornadas
  2. 2.2Catálogo corporativo
  3. 2.3Migração por ondas
  4. 2.4Governança de mudanças

CAPÍTULO 3

Ecossistemas

Design systems, CMS, e-commerce e aplicações compostas.

Próximo
  1. 3.1CMS e conteúdo
  2. 3.2Comércio e checkout
  3. 3.3Microfrontends
  4. 3.4Aplicações embarcadas

CAPÍTULO 4

Entrega Integrator

Qualidade, documentação, handoff e projeto aplicado.

Próximo
  1. 4.1Contrato de integração
  2. 4.2Matriz de compatibilidade
  3. 4.3Handoff operacional
  4. 4.4Projeto final Integrator

Capítulo 1 · módulos disponíveis

LABORATÓRIO TRANSVERSAL

Estúdio de migração WebMCP

Cole um catálogo auditável em JSON e receba diagnóstico de contrato, clareza, schema, ciclo de vida, risco e exemplo de saída. O laboratório não registra nem executa ferramentas.

Conteúdo detalhado

1.13h

🧭 Design de ferramentas

Converta jornadas humanas em ferramentas pequenas, distintas e fáceis de escolher.

0 de 60%
O que é:

Uma tool nasce de um objetivo real do usuário, não de cada botão ou função existente no código.

Por que aprender:

Mapear início, decisão, efeito e evidência impede que a integração copie a interface sem compreender a intenção.

Conceitos-chave:

objetivo observável · estado inicial · efeito esperado · evidência final

O que é:

Ferramentas pequenas realizam uma intenção completa e não competem pela mesma chamada.

Por que aprender:

Quando duas descrições parecem responder ao mesmo pedido, a LLM precisa adivinhar e a taxa de escolha correta cai.

Conceitos-chave:

sem sobreposição · verbo preciso · fronteira clara · saída própria

O que é:

A entrada deve pedir apenas dados necessários e representar alternativas fechadas com enums quando possível.

Por que aprender:

Schemas focados reduzem argumentos inventados, mas a validação real continua obrigatória no execute e no backend.

Conceitos-chave:

campos mínimos · enum útil · descrição concreta · validação real

O que é:

O agente pode conhecer o nome dito pelo usuário antes de conhecer o identificador interno do sistema.

Por que aprender:

Separar busca, resolução e ação evita exigir IDs opacos cedo demais ou aceitar nomes ambíguos tarde demais.

Conceitos-chave:

nome descobre · ID identifica · resolução explícita · ambiguidade tratada

O que é:

O catálogo deve acompanhar rota, seleção, autenticação e etapa atual da jornada.

Por que aprender:

Menos ferramentas disponíveis significam menos contexto e menos chamadas impossíveis.

Conceitos-chave:

catálogo contextual · registro dinâmico · sessão visível · cleanup

O que é:

Nomes genéricos e sobrepostos precisam virar uma sequência que revele intenção e efeito.

Por que aprender:

A entrega prova que o catálogo orienta o agente e também explica o fluxo para produto, segurança e QA.

Conceitos-chave:

inventário · refatoração · teste de escolha · documentação

Ver Completo
1.23h

🔄 Estado, erros e recuperação

Modele dependências, stale state, idempotência, timeout, cancelamento e recuperação.

0 de 60%
O que é:

Cada etapa declara o que já aconteceu, quais ações estão disponíveis e qual transição é válida.

Por que aprender:

Sem um modelo de estado, o agente pode confirmar antes de iniciar ou repetir um efeito já concluído.

Conceitos-chave:

estado explícito · transição válida · pré-condição · efeito

O que é:

Erros recuperáveis indicam uma próxima ação; erros definitivos encerram a tentativa com motivo verificável.

Por que aprender:

A classificação evita loops cegos e permite que o agente explique alternativas reais ao usuário.

Conceitos-chave:

código estável · mensagem acionável · próxima ação · fim honesto

O que é:

O estado usado para decidir pode mudar antes da execução, especialmente em vagas, preços e permissões.

Por que aprender:

Revalidar no momento do efeito impede que uma tool use uma fotografia antiga como autorização atual.

Conceitos-chave:

revalidação · versão de estado · conflito · nova leitura

O que é:

Uma chave de idempotência permite repetir uma solicitação sem duplicar inscrição, cobrança ou envio.

Por que aprender:

Agentes, redes e usuários podem repetir chamadas; a operação precisa distinguir retry de novo efeito.

Conceitos-chave:

idempotency key · retry seguro · resultado anterior · efeito único

O que é:

AbortSignal e timeout encerram trabalho que perdeu relevância ou excedeu a janela operacional.

Por que aprender:

Cancelar de verdade preserva recursos e evita que a interface mostre sucesso depois que a pessoa desistiu.

Conceitos-chave:

AbortSignal · timeout · cleanup visual · resultado cancelado

O que é:

A integração deve provar caminho feliz, ordem inválida, retry, cancelamento e mudança concorrente.

Por que aprender:

Uma matriz de falhas transforma resiliência em comportamento verificável, não em intenção de arquitetura.

Conceitos-chave:

cenários · evidência · reprodução · regressão

Ver Completo
1.33h

🏗️ Migração de sites existentes

Audite jornadas, reaproveite lógica existente e introduza WebMCP como enhancement progressivo.

0 de 60%
O que é:

Mapeie formulários, handlers, serviços, endpoints e estados antes de propor tools.

Por que aprender:

A auditoria revela onde a regra já existe e onde a interface contém lógica que precisa ser separada.

Conceitos-chave:

formulários · funções JS · APIs · estado

O que é:

Nem toda funcionalidade merece migrar primeiro; combine frequência, valor, estabilidade e reversibilidade.

Por que aprender:

O recorte correto entrega aprendizado cedo sem começar por uma ação crítica ou mal compreendida.

Conceitos-chave:

valor · frequência · risco · estabilidade

O que é:

A mesma função de domínio deve atender clique humano e execução WebMCP.

Por que aprender:

Compartilhar a lógica evita divergência entre o fluxo visual e o caminho do agente.

Conceitos-chave:

serviço comum · UI adaptadora · tool adaptadora · regra única

O que é:

A tool traduz argumentos, chama o serviço existente, atualiza a UI e devolve uma resposta estruturada.

Por que aprender:

Wrappers pequenos são mais fáceis de revisar e não recriam a aplicação dentro do registro WebMCP.

Conceitos-chave:

tradução · serviço existente · UI sincronizada · retorno

O que é:

O caminho humano continua funcional quando WebMCP não existe ou está desativado.

Por que aprender:

Uma tecnologia experimental entra como capacidade adicional, com observação e rollback.

Conceitos-chave:

feature detect · fallback · rollout · rollback

O que é:

O dossiê conecta inventário, catálogo, riscos, implementação, testes e plano de publicação.

Por que aprender:

A migração se torna revisável por produto, desenvolvimento, segurança e operação.

Conceitos-chave:

mapa · risco · prova funcional · rollout

Ver Completo
1.43h

⚛️ Frameworks modernos

Integre WebMCP a SPA, React, Angular e Next.js com registro e cleanup previsíveis.

0 de 60%
O que é:

Uma implementação sem framework explicita registro, dependências e cleanup.

Por que aprender:

A referência reduz magia e ajuda a diagnosticar problemas escondidos por hooks ou injeção de dependência.

Conceitos-chave:

função pura · registro explícito · AbortController · baseline

O que é:

O efeito registra tools para o estado atual e o cleanup aborta os registros anteriores.

Por que aprender:

Strict Mode, rerenders e mudanças de dependência não podem duplicar nomes no catálogo.

Conceitos-chave:

useEffect · dependências · cleanup · Strict Mode

O que é:

Um serviço recebe dependências, registra as tools e expõe cleanup ao componente ou rota.

Por que aprender:

A injeção de dependência mantém regras testáveis e separadas do ciclo visual.

Conceitos-chave:

service · DI · OnDestroy · testabilidade

O que é:

document.modelContext só existe no cliente e depois que o documento está ativo.

Por que aprender:

Separar componente cliente, carregamento e API do servidor evita acesso ao Document durante SSR.

Conceitos-chave:

use client · hydration · SSR · API route

O que é:

SPAs precisam retirar ferramentas da rota anterior e registrar apenas as capacidades da nova tela.

Por que aprender:

Catálogo obsoleto é stale UI: o agente vê uma ação que a pessoa já não pode executar.

Conceitos-chave:

router · unmount · catálogo atual · transição

O que é:

Frameworks diferentes devem cumprir o mesmo contrato observável de registro, execução, UI e cleanup.

Por que aprender:

Uma matriz comum separa diferenças de ergonomia de diferenças reais de comportamento.

Conceitos-chave:

mesmo contrato · mesmos testes · cleanup provado · compatibilidade

Ver Completo

CONTINUIDADE DO INTEGRATOR

Próximo: design de ferramentas

Depois dos fundamentos, a mesma formação continua nos capítulos 2, 3 e 4. Cada capítulo terá módulos próprios; o aluno permanece no papel Integrator enquanto amplia escala e governança.

Ver módulos do capítulo 2