Caso você tenha perdido: o Modern Web Guidance agora está estável

Matthias Rohmer

Alexandra Klepper

Publicado em: 13 de novembro de 2026

Se você é um leitor regular deste site, segue o Chrome para Desenvolvedores no X, LinkedIn ou Bluesky, ou abriu o painel Novidades no DevTools esta semana, com certeza já sabe da novidade. Mas para quem estava focado em lançar: o Modern Web Guidance já está disponível como uma versão estável 1.0.

Desde que compartilhamos o pré-lançamento no Google I/O, fizemos muitas melhorias e transformamos o Modern Web Guidance em uma colaboração entre navegadores com o Firefox e o Edge. Nesta semana, vamos detalhar esses temas em artigos, estudos de caso, vídeos e documentos.

Resumo

Os modelos de fronteira geralmente usam padrões legados para o desenvolvimento web. Por exemplo, eles preferem uma biblioteca de animação JavaScript em vez de animações CSS acionadas por rolagem ou criam monstros div aninhados complexos em vez de usar appearance: base-select para menus suspensos personalizáveis.

O Modern Web Guidance corrige isso injetando guias concisos e com escopo de tarefa com base no seu comando. Confira o que a versão 1.0 traz:

• Mais guias revisados por especialistas: abrangendo performance, estilo, acessibilidade, segurança, privacidade, formulários e muito mais. Cada habilidade foi revisada por um especialista técnico de domínio e testada. As habilidades podem ser consultadas no catálogo de guias.
• Compatibilidade com vários navegadores por padrão: colaboração das equipes que criam o Mozilla Firefox, o Microsoft Edge e o Google Chrome. Cada guia é aprimorado com dados de compatibilidade e substitutos do Baseline.
• Conjunto de avaliação pública: milhares de execuções de avaliação, inspecionáveis no painel de avaliação pública, destacando aumentos nas taxas de aprovação.

Leia o post de anúncio do Modern Web Guidance 1.0 para ver exemplos concretos das lacunas de conhecimento de IA que ele resolve, fluxos de trabalho completos com o Chrome DevTools para agentes e instruções para atualizar a partir da prévia do I/O.

Não acredite só na nossa palavra

Como cocriadores do Modern Web Guidance, é claro que somos um pouco tendenciosos. Confira o que nossos parceiros acharam depois de testar o pacote completo de ferramentas de programação de IA do Chrome nos fluxos de trabalho diários:

• Policybazaar e Pensionbazaar: reduziram o tempo de resposta de novas páginas e os bugs de interface em mais de 90% ao fechar o loop de criação e verificação, enquanto a Policybazaar reduziu o esforço de auditoria manual das Core Web Vitals em cerca de 30 páginas de destino em 92%.
• MetaMask: transformou as orientações da Wired Modern Web em um bot de revisão de PR de consultoria de três linhas em cerca de 480 solicitações de pull, gerando 43 correções de acessibilidade e HTML semântico com um tempo de resposta médio de 15 minutos.
• WeTV: adicionou o Chrome DevTools para agentes e o Modern Web Guidance à CI/CD para diagnosticar e corrigir automaticamente 90% das regressões recorrentes de CLS, reduzindo o tempo de depuração em 87%.
• note inc.: Combinou as orientações do Modern Web com as regras do sistema de design interno, aumentando as taxas de aprovação da verificação da Web moderna de 61% para 94% e melhorando a priorização adequada de imagens LCP em 28%.

Primeiros passos

Embora você possa ter sorte se pedir ao agente para instalar o Modern Web Guidance, pode usar o seguinte comando npx para configurar seu projeto e agente em um fluxo detalhado.

npx modern-web-guidance@latest install

Você também pode conhecer outras opções de instalação no GitHub.

Depois de configurar, você pode se aprofundar nos novos casos de uso e entender como o Modern Web Guidance 1.0 funciona nos bastidores:

• Modernização de bases de código: como o npx modern-web-guidance@latest legacy-scan combina verificações rápidas de sintaxe local com a revisão contextual do agente para reduzir a dívida técnica sem churn ruidoso.
• Além da geração de código: aprendizado contínuo para desenvolvedores: aprenda a usar o Modern Web Guidance como uma ferramenta interativa de aprendizado e descoberta para se manter atualizado com os recursos modernos de HTML, CSS e API da Web ao programar com agentes de IA.
• Compatibilidade entre navegadores por padrão: como funcionam os substitutos do Baseline: como os guias usam dados de recursos da Web em tempo real para corresponder a aprimoramentos progressivos, consultas @supports e polyfills aos seus navegadores de destino.
• As 10 principais falhas da IA no desenvolvimento web: conheça 10 lacunas comuns de acessibilidade, UX, desempenho e segurança em que até mesmo os modelos de fronteira mais recentes falham em cerca de metade das nossas verificações da Web moderna.
• Pesquisa vetorial local para agentes de programação: de 507 MB a um loop de 7 linhas: veja como o Modern Web Guidance recupera guias relevantes da base de conhecimento de mais de 200 guias em milissegundos sem preencher a janela de contexto do agente.

O futuro do desenvolvimento web agêntico com o Chrome

Ao usar o Modern Web Guidance com seu agente de programação, você já começa com o pé direito. Mas você pode (e deve) ir além. Seu agente precisa de uma maneira de executar, inspecionar e verificar esse código em um navegador real.

Há mais de um ano, o Chrome DevTools para agentes oferece aos agentes de programação visibilidade do ambiente de execução em tempo real com um amplo conjunto de ferramentas, desde inspeção de acessibilidade e desempenho até depuração de memória e gravação de animações, para que seu agente possa ajustá-las.

Nas próximas semanas, vamos comemorar o próximo marco do Chrome DevTools para agentes. Vai ser ainda mais fácil transmitir o contexto certo do Chrome para o agente.

Teste o Modern Web Guidance 1.0 e conte o que você achou. Tanto as Modern Web Guidance quanto o Chrome DevTools para agentes são criados de forma aberta no GitHub. Se você encontrar uma tarefa da plataforma da Web que seu agente ainda não consegue realizar ou tiver uma ideia do que devemos abordar em seguida, abra um problema e nos informe.