CAPÍTULO 1
Núcleo de integração
Quatro módulos para projetar, recuperar, migrar e integrar.
Transforme jornadas e sites existentes em integrações WebMCP coerentes, recuperáveis e prontas para evoluir.
Capítulos Integrator
Módulos disponíveis
Tópicos publicados
Laboratório
PROGRESSO COMPARTILHADO
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.
O topo navega por capítulos. Dentro de cada capítulo, os módulos seguem a numeração capítulo.módulo.
CAPÍTULO 1
Quatro módulos para projetar, recuperar, migrar e integrar.
CAPÍTULO 2
Inventário multipágina, priorização de portfólio e rollout em lotes.
CAPÍTULO 3
Design systems, CMS, e-commerce e aplicações compostas.
CAPÍTULO 4
Qualidade, documentação, handoff e projeto aplicado.
LABORATÓRIO TRANSVERSAL
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.
Converta jornadas humanas em ferramentas pequenas, distintas e fáceis de escolher.
Uma tool nasce de um objetivo real do usuário, não de cada botão ou função existente no código.
Mapear início, decisão, efeito e evidência impede que a integração copie a interface sem compreender a intenção.
objetivo observável · estado inicial · efeito esperado · evidência final
Ferramentas pequenas realizam uma intenção completa e não competem pela mesma chamada.
Quando duas descrições parecem responder ao mesmo pedido, a LLM precisa adivinhar e a taxa de escolha correta cai.
sem sobreposição · verbo preciso · fronteira clara · saída própria
A entrada deve pedir apenas dados necessários e representar alternativas fechadas com enums quando possível.
Schemas focados reduzem argumentos inventados, mas a validação real continua obrigatória no execute e no backend.
campos mínimos · enum útil · descrição concreta · validação real
O agente pode conhecer o nome dito pelo usuário antes de conhecer o identificador interno do sistema.
Separar busca, resolução e ação evita exigir IDs opacos cedo demais ou aceitar nomes ambíguos tarde demais.
nome descobre · ID identifica · resolução explícita · ambiguidade tratada
O catálogo deve acompanhar rota, seleção, autenticação e etapa atual da jornada.
Menos ferramentas disponíveis significam menos contexto e menos chamadas impossíveis.
catálogo contextual · registro dinâmico · sessão visível · cleanup
Nomes genéricos e sobrepostos precisam virar uma sequência que revele intenção e efeito.
A entrega prova que o catálogo orienta o agente e também explica o fluxo para produto, segurança e QA.
inventário · refatoração · teste de escolha · documentação
Modele dependências, stale state, idempotência, timeout, cancelamento e recuperação.
Cada etapa declara o que já aconteceu, quais ações estão disponíveis e qual transição é válida.
Sem um modelo de estado, o agente pode confirmar antes de iniciar ou repetir um efeito já concluído.
estado explícito · transição válida · pré-condição · efeito
Erros recuperáveis indicam uma próxima ação; erros definitivos encerram a tentativa com motivo verificável.
A classificação evita loops cegos e permite que o agente explique alternativas reais ao usuário.
código estável · mensagem acionável · próxima ação · fim honesto
O estado usado para decidir pode mudar antes da execução, especialmente em vagas, preços e permissões.
Revalidar no momento do efeito impede que uma tool use uma fotografia antiga como autorização atual.
revalidação · versão de estado · conflito · nova leitura
Uma chave de idempotência permite repetir uma solicitação sem duplicar inscrição, cobrança ou envio.
Agentes, redes e usuários podem repetir chamadas; a operação precisa distinguir retry de novo efeito.
idempotency key · retry seguro · resultado anterior · efeito único
AbortSignal e timeout encerram trabalho que perdeu relevância ou excedeu a janela operacional.
Cancelar de verdade preserva recursos e evita que a interface mostre sucesso depois que a pessoa desistiu.
AbortSignal · timeout · cleanup visual · resultado cancelado
A integração deve provar caminho feliz, ordem inválida, retry, cancelamento e mudança concorrente.
Uma matriz de falhas transforma resiliência em comportamento verificável, não em intenção de arquitetura.
cenários · evidência · reprodução · regressão
Audite jornadas, reaproveite lógica existente e introduza WebMCP como enhancement progressivo.
Mapeie formulários, handlers, serviços, endpoints e estados antes de propor tools.
A auditoria revela onde a regra já existe e onde a interface contém lógica que precisa ser separada.
formulários · funções JS · APIs · estado
Nem toda funcionalidade merece migrar primeiro; combine frequência, valor, estabilidade e reversibilidade.
O recorte correto entrega aprendizado cedo sem começar por uma ação crítica ou mal compreendida.
valor · frequência · risco · estabilidade
A mesma função de domínio deve atender clique humano e execução WebMCP.
Compartilhar a lógica evita divergência entre o fluxo visual e o caminho do agente.
serviço comum · UI adaptadora · tool adaptadora · regra única
A tool traduz argumentos, chama o serviço existente, atualiza a UI e devolve uma resposta estruturada.
Wrappers pequenos são mais fáceis de revisar e não recriam a aplicação dentro do registro WebMCP.
tradução · serviço existente · UI sincronizada · retorno
O caminho humano continua funcional quando WebMCP não existe ou está desativado.
Uma tecnologia experimental entra como capacidade adicional, com observação e rollback.
feature detect · fallback · rollout · rollback
O dossiê conecta inventário, catálogo, riscos, implementação, testes e plano de publicação.
A migração se torna revisável por produto, desenvolvimento, segurança e operação.
mapa · risco · prova funcional · rollout
Integre WebMCP a SPA, React, Angular e Next.js com registro e cleanup previsíveis.
Uma implementação sem framework explicita registro, dependências e cleanup.
A referência reduz magia e ajuda a diagnosticar problemas escondidos por hooks ou injeção de dependência.
função pura · registro explícito · AbortController · baseline
O efeito registra tools para o estado atual e o cleanup aborta os registros anteriores.
Strict Mode, rerenders e mudanças de dependência não podem duplicar nomes no catálogo.
useEffect · dependências · cleanup · Strict Mode
Um serviço recebe dependências, registra as tools e expõe cleanup ao componente ou rota.
A injeção de dependência mantém regras testáveis e separadas do ciclo visual.
service · DI · OnDestroy · testabilidade
document.modelContext só existe no cliente e depois que o documento está ativo.
Separar componente cliente, carregamento e API do servidor evita acesso ao Document durante SSR.
use client · hydration · SSR · API route
SPAs precisam retirar ferramentas da rota anterior e registrar apenas as capacidades da nova tela.
Catálogo obsoleto é stale UI: o agente vê uma ação que a pessoa já não pode executar.
router · unmount · catálogo atual · transição
Frameworks diferentes devem cumprir o mesmo contrato observável de registro, execução, UI e cleanup.
Uma matriz comum separa diferenças de ergonomia de diferenças reais de comportamento.
mesmo contrato · mesmos testes · cleanup provado · compatibilidade
CONTINUIDADE DO INTEGRATOR
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.