O Google lançou a versão 1.0 do Modern Web Guidance, um pacote que injeta boas práticas da plataforma web e dados de compatibilidade de navegadores diretamente nos agentes de programação. A ideia é simples: quando a IA for escrever um modal, uma animação ou um formulário, ela deve preferir recursos nativos de HTML e CSS em vez de JavaScript antigo.
O anúncio saiu em 10 de novembro de 2026, assinado por Philip Walton, do Chrome for Developers. O projeto apareceu em prévia no Google I/O de maio e agora é cross-browser: Firefox e Edge entraram como mantenedores.
O que ele faz na prática
São “skills” que funcionam com Claude Code, Codex, Copilot, Cursor, Gemini CLI, WebStorm e outros. Elas cobrem mais de 100 casos de uso, de CSS e formulários a acessibilidade, passkeys e IA embarcada. O agente consulta os guias, escolhe o recurso certo e respeita o alvo de compatibilidade do projeto, o chamado Baseline (por exemplo, “Baseline 2024”, definido no AGENTS.md ou CLAUDE.md).
O Google diz que, em avaliações semanais públicas, os agentes com a orientação aderiram em média 37 pontos percentuais mais às práticas modernas. É média: o resultado muda conforme o modelo, o prompt e o projeto. A empresa japonesa note inc. relatou salto de 61% para 94% de aderência em 180 execuções.
A novidade da 1.0 é um fluxo de modernização. Ele varre HTML, CSS, JavaScript e package.json e sugere atualizações seguras em código existente. A análise é estática e cobre um conjunto limitado de padrões nesta primeira versão, então não substitui testes em execução.
Por onde começar
A instalação recomendada, com atualização automática, é feita pelo terminal:
npx modern-web-guidance@latest install
Quem já usava uma versão anterior roda npx modern-web-guidance@latest update. Também há plugins para Claude Code, Codex e Gemini CLI. Para consultar um guia direto, use npx modern-web-guidance@latest search "animate a dialog modal backdrop".
O pacote é Apache-2.0 e está aberto no GitHub. Recursos instáveis e origin trials exigem ativação explícita, para o agente não empurrar algo experimental para produção sem você pedir. Vale combinar a ferramenta com o Chrome DevTools para agentes, já que o Modern Web Guidance não testa nada em tempo de execução.
Fontes: Chrome for Developers e documentação oficial.
