Modern Web Guidance: Everything You Need to Know
In case you missed it, we've officially launched Modern Web Guidance 1.0! 🚀
Since sharing the early preview at Google I/O, we've landed a lot of improvements and grown Modern Web Guidance into a cross-browser collaboration with Firefox and Edge. Here is what the 1.0 release brings: more expert-vetted guides, new auditing and refactoring capabilities, and a public eval suite that shows lifts in pass rates.
While frontier AI models are powerful, they often rely on outdated code patterns and legacy workarounds. Modern Web Guidance embeds human-vetted web standards, Baseline browser targets, and accessibility rules directly into your favorite AI coding tools.
Bookmark this post to explore all the launch blogs, videos, deep dives, and documentation at your own pace.
🚀 Modern Web Guidance 1.0 & Workflow Overview
Get started with the official 1.0 release announcement and learn how Modern Web Guidance pairs with Chrome DevTools for agents to cover your entire agentic coding workflow.
📊 Why Guided Coding Matters (Evals, Demos & AI Knowledge Gaps)
Discover the data behind why AI models struggle with modern web features and see how Modern Web Guidance improves pass rates across leading models.
🛠️ Technical Deep Dives & Workflow Automation
Go under the hood to see how Modern Web Guidance helps you modernize existing codebases, learn new web features alongside your agent, and match fallbacks to your Baseline browser targets.
🎥 YouTube Playlist & Real-World Case Studies
Watch step-by-step screencasts and see how enterprise engineering teams are using Modern Web Guidance in production.
Get started: To set up your project and agent in a step-by-step flow, run npx modern-web-guidance@latest install. You can also explore other installation options on GitHub → https://goo.gle/48Q4F0f
