Publicado: 13 de noviembre de 2026
Si eres un lector habitual de este sitio, sigues a Chrome para desarrolladores en X, LinkedIn o Bluesky, o abriste el panel Novedades en las Herramientas para desarrolladores esta semana, es casi seguro que hayas escuchado la noticia. Pero para todos los que estuvieron trabajando duro, Modern Web Guidance ya está disponible como versión estable 1.0.
Desde que compartimos la versión preliminar anticipada en Google I/O, realizamos muchas mejoras y convertimos Modern Web Guidance en una colaboración entre navegadores con Firefox y Edge. Esta semana, los analizamos en artículos, casos de éxito, videos y documentos.
En pocas palabras
Los modelos de frontera suelen usar de forma predeterminada patrones heredados para el desarrollo web. Por ejemplo, prefieren una biblioteca de animaciones de JavaScript en lugar de animaciones de CSS controladas por el desplazamiento, o bien crean monstruos de div anidados complejos en lugar de usar appearance: base-select para los menús desplegables personalizables.
Modern Web Guidance soluciona este problema insertando guías concisas y con un alcance de tareas específico según tu instrucción. Esto es lo que incluye la versión 1.0:
- Más guías revisadas por expertos: Abarcan el rendimiento, el estilo, la accesibilidad, la seguridad, la privacidad, los formularios y mucho más. Cada habilidad fue revisada por un experto en el dominio técnico y se probó. Las habilidades se pueden explorar en el catálogo de guías.
- Compatibilidad con varios navegadores de forma predeterminada: Colaboración de los equipos que crean Mozilla Firefox, Microsoft Edge y Google Chrome. Cada guía se mejora con datos de compatibilidad de Baseline y resguardos.
- Paquete de evaluación público: Miles de ejecuciones de evaluación, que se pueden inspeccionar en el panel de evaluación público, que destacan las mejoras en las tasas de aprobación.
Lee la publicación del anuncio de Modern Web Guidance 1.0 para obtener ejemplos concretos de las brechas de conocimiento de la IA que resuelve, los flujos de trabajo de extremo a extremo con las Herramientas para desarrolladores de Chrome para agentes y las instrucciones para actualizar desde la versión preliminar de I/O.
No te quedes solo con nuestra palabra
Como co-creadores de Modern Web Guidance, por supuesto que tenemos un poco de sesgo. Echa un vistazo a lo que piensan nuestros socios después de probar el conjunto completo de herramientas de programación con IA de Chrome en sus flujos de trabajo diarios:
- Policybazaar y Pensionbazaar: Redujeron el tiempo de respuesta de las páginas nuevas y los errores de la IU en más del 90% cerrando el bucle de compilación y verificación, mientras que Policybazaar redujo el esfuerzo de auditoría manual de las Core Web Vitals en unas 30 páginas de destino en un 92%.
- MetaMask: Se conectó la guía de la Web moderna a un bot de revisión de PR de asesoramiento de tres líneas en aproximadamente 480 solicitudes de extracción, lo que generó 43 correcciones de accesibilidad y HTML semántico con un tiempo de respuesta promedio de 15 minutos.
- WeTV: Se agregaron las Herramientas para desarrolladores de Chrome para agentes y Modern Web Guidance a CI/CD para diagnosticar y corregir automáticamente el 90% de las regresiones de CLS recurrentes, lo que redujo el tiempo de depuración en un 87%.
- note inc.: Combinó Modern Web Guidance con reglas para su sistema de diseño interno, lo que aumentó las tasas de aprobación de las verificaciones web modernas del 61% al 94% y mejoró la priorización adecuada de las imágenes de LCP en un 28%.
Comenzar
Si bien es posible que tengas suerte si le pides a tu agente que instale Modern Web Guidance,
puedes usar con confianza el siguiente comando de npx para configurar tu proyecto
y agente en un flujo paso a paso.
npx modern-web-guidance@latest install
También puedes explorar opciones de instalación alternativas en GitHub.
Una vez que hayas completado la configuración, podrás realizar un análisis detallado de los nuevos casos de uso y cómo funciona Modern Web Guidance 1.0 de forma interna:
- Modernización de bases de código existentes:
Cómo
npx modern-web-guidance@latest legacy-scanvincula verificaciones de sintaxis locales rápidas con la revisión contextual de agentes para pagar la deuda técnica sin una deserción ruidosa. - Más allá de la generación de código: Aprendizaje continuo para desarrolladores: Descubre cómo usar Modern Web Guidance como una herramienta interactiva de aprendizaje y descubrimiento para mantenerte al día con las funciones modernas de HTML, CSS y APIs web mientras programas con agentes de IA.
- Compatibilidad con varios navegadores de forma predeterminada: Cómo funcionan las alternativas de Baseline:
Cómo las guías usan datos de
web-features en vivo para
hacer coincidir la mejora progresiva, las consultas de
@supportsy los polyfills con tus navegadores de destino. - Las 10 cosas que la IA hace mal en el desarrollo web: Explora 10 brechas comunes de accesibilidad, UX, rendimiento y seguridad en las que incluso los modelos de frontera más recientes fallan en alrededor de la mitad de nuestras verificaciones web modernas.
- Vector Search local para agentes de programación: de 507 MB a un bucle de 7 líneas: Descubre cómo Modern Web Guidance recupera guías pertinentes de su base de conocimiento de más de 200 guías en milisegundos sin llenar la ventana de contexto de tu agente.
What's next for agentic web development with Chrome
Si usas Modern Web Guidance con tu agente de programación, tendrás un excelente comienzo. Pero puedes (y debes) ir aún más lejos. Tu agente necesita una forma de ejecutar, inspeccionar y verificar ese código en un navegador real.
Durante más de un año, las Herramientas para desarrolladores de Chrome para agentes les han proporcionado a los agentes de programación visibilidad del entorno de ejecución en vivo con un amplio conjunto de herramientas, desde la inspección de accesibilidad y rendimiento hasta la depuración de memoria y la grabación de animaciones, para que tu agente pueda ajustarlas.
En las próximas semanas, celebraremos el próximo hito de las Herramientas para desarrolladores de Chrome para agentes. Será aún más fácil pasar el contexto correcto de Chrome a tu agente.
Prueba Modern Web Guidance 1.0 y cuéntanos qué te parece. Tanto Modern Web Guidance como Herramientas para desarrolladores de Chrome para agentes se compilan de forma abierta en GitHub. Si detectas una tarea de la plataforma web que tu agente todavía no puede realizar o tienes una idea de lo que deberíamos abordar a continuación, abre un problema y avísanos.