Google’s Chrome team has just released Modern Web Guidance 1.0. It’s a free, open-source tool that’s designed to help AI assistants build websites using modern web standards. LLMs won’t use outdated CSS and coding techniques, and this would make websites less buggy and more “modern” in appearance.

AI tools such as Claude Code, GitHub Copilot, etc can already generate websites really quickly and have been able to do so for a while. However, they are not always good at picking the most efficient way of implementation. Google officially published an entire blog about this, complete with technical details.

Google blog.

How do AI models code? They “learn” from vast amounts of already existing code, which can sometimes contain outdated JavaScript code, even if modern elements of HTML/CSS offer better and simpler implementations.

This is the problem that Modern Web Guidance is addressing. AI agents get access to more than 200 expert-written guides. This covers modern standards, compatibility, performance, security, and more. The agents no longer have to rely on just the training data. While writing or updating the code, agents can now look up relevant information with the help of Modern Web Guidance.

Practises.

It also introduces tools to improve existing projects. It’s not just for newer ones. There’s something called “legacy-scan,” which basically helps developers identify outdated coding patterns. Furthermore, Google also published a public evaluation suite that demonstrates how guidance improves the quality of AI-generated code.

The pass rates have reportedly increased from 50-60% to 80-90%. That appears to be a fairly significant jump.

If you want to get started with Modern Web Guidance, developers can install it directly into AI tools. Just use the command “npx modern-web-guidance@latest install,” and you’re good to go.

Once this has been installed, the AI agent can search and retrieve relevant guides when needed. It won’t just rely on existing training data anymore.

It’s worth noting that Google hasn’t restricted this to Chrome alone. The teams at Firefox and Edge are collaborating to make it more broadly accessible. You can read the entire announcement here.

 
✦
PiunikaWeb’s Take
While AI coding assistants have made the process of website building much faster, speed doesn’t exactly go hand-in-hand with quality all the time. Google’s Modern Web Guidance addresses an important shortcoming, which is the use of outdated code even when modern, more efficient ways of doing the same thing are available.
 
Interestingly, it appears that Google is focusing more on the quality of webpages lately, with developers also getting the option to use interactive HTML inside Canvas. This vastly improves 3D games and apps. You can read more about it here.
We stand out from the tech-media crowd because we break news stories; we mainly bring you stuff that you won’t find anywhere in the mainstream tech media. Our stories have been picked up by some of the world’s most popular websites and media outlets—more info is available here.
user-profile user-profile

Sudhanshu K
383 Posts

I have been a consumer technology enthusiast for over 5 years. Thanks to my experience in software beta testing and product reviews, I've understood and learnt a lot about what bugs and issues bother people, and I spend time trying to simplify their solutions. I cover smartphones, software, social media, apps, AI, and most consumer tech gadgets. Actively pursuing a Computer Science bachelor’s degree. I'm mostly active on Twitter/X (@TechWhirlUlt), drop a DM or tag me if you want to share info or connect!