Published: November 10, 2026
In this new era of agentic web development, developers expect their coding agents to be experts at construction for the web. And during the latest frontier coding models are fairly capable and can normally create item that works, if you ask a web betterment expert to assessment the AI-generated code, they can nearly continually discover ways to create the code faster, additional accessible, or additional secure.
Chrome is investing heavily in the forthcoming of agentic web development, and to location this challenge, we introduced an early preview of Modern Web Guidance at Google I/O in May. Modern Web Guidance is a set of skills that embed web phase expertise, finest practices, and browser compatibility data immediately into your coding agents.
Today we're enthusiastic to province the stable publish of Modern Web Guidance type 1.0, which includes:
- New modernization workflow that scans your existing codebase to assistance your delegate discover opportunities to safely modernize.
- Expanded guide database targeting hundreds of verified AI cognition gaps alongside expert-vetted, cross-browser solutions.
- Deeper individual expert review for all guide, including sign-off from satisfied area tech leads and a dedicated accessibility assessment on our user-facing guides.
- Full evaluation coverage throughout all of our guides alongside a public eval dashboard showing the measurable improvements compared to agents without Modern Web Guidance.
With type 1.0, we're additionally enthusiastic to portion that Modern Web Guidance is becoming a cross-browser effort, alongside Firefox and Edge joining Chrome to support, enhance cross-browser compatibility, and contribute to the project. Building on our shared activity alongside Baseline, our goal is to justify that anyone coding alongside an delegate can obtain complete advantage of the power and capabilities of the contemporary web platform.
Regardless of what models or delegate harnesses you're using, if you're construction for the web, Modern Web Guidance belongs in your agentic workflow.
To instal Modern Web Guidance, run this command from your project directory:
npx modern-web-guidance@latest install
Or if you already installed an before version, you can update to 1.0 by running:
npx modern-web-guidance@latest update
For additional facility instructions or to study more, inspect out the Modern Web Guidance documentation, or observe this video for a concise overview:
Why developers and businesses should use Modern Web Guidance
It's undeniable that coding agents have helped developers compose code faster than always before. But in a earth anywhere everyone is using coding agents, speed is no longer a rivalrous advantage.
These days, it's additional crucial than always to differentiate on essential factors akin usability and norm of experience. Here are a few ways Modern Web Guidance can help:
Reinforce finest practices that models frequently miss
While frontier coding models do have a fine grasp on many finest practices, our evals show that there are motionless a figure of crucial areas anywhere they autumn short, specified as:
- Accessibility: Keyboard concentration and inert management, reduced-motion support, and accessible form validation.
- User experience: Swipe and contact gestures, dialog and popover transitions, and light/dark theme implementations.
- Performance: Main-thread project scheduling, offscreen rendering isolation, and layout change prevention.
- Security: Safe HTML sanitization, strict Content Security Policies, and passkey credential management.
Accessibility finest practices are particularly crucial to get correct since mistakes akin bad ARIA can create a leaf small accessible than no ARIA at all. For type 1.0, our user-facing guides were reviewed and tested alongside genuine assistive technologies by accessibility experts who depend on them all day.
Use the finest web characteristic for the job
AI models are extremely fine at figuring out how to create item activity alongside JavaScript, but in many cases, there are HTML or CSS features that can do the identical item alongside much small code. And since they're handled by the browser, they normally execute improved and arrive alongside accessibility affordances. For example:
- Features to enliven popovers and dialogs
- Features to enhance scroll- and swipe-based interactions
- Better APIs for gentle and fluid leaf transitions
New features can additionally enhance the cognition of a location in ways that matter to users. For example:
- Passkeys and WebAuthn: For faster and additional safe login experiences
- Autofill: To enhance checkout flows (especially on mobile) that frequently neglect whenever using tradition JavaScript-based form controls
Modern Web Guidance is designed to propose the finest characteristic for the job, according to your browser assistance requirements. Its guides have embedded Baseline and browser compatibility data, so it can tailor its recommendations to your project's needs.
Scan your codebase and discover opportunities to modernize
Most web betterment doesn't happen in brand-new projects. It happens in existing codebases that have accumulated years of outdated workarounds, unnecessary dependencies, and polyfills that are no longer needed.
Version 1.0 adds a new modernization workflow that can analyze your existing HTML, CSS, JavaScript, and package.json to discover opportunities to safely upgrade, and afterward guide your delegate through the changes.
/modern-web-guidance Modernize the code in this directory
In this archetypal release, the modernization workflow uses fixed inspection to inspect for a constricted set of patterns. We chose to commencement alongside a narrow range that yields predictable results, and afterward develop from there. Over time, we scheme to shield many additional areas, including agentic audits anywhere your delegate reasons concerning your code immediately alternatively of fair matching known patterns.
Stay up to date as the web phase evolves
The web phase is a moving target. New features container in browsers all milestone, and existing features that you perchance couldn't use before are becoming Baseline alongside all new browser release.
Since Modern Web Guidance is built on top of Baseline compatibility data, and its recommendations are maintained by browser engineers, web standards experts, and accessibility specialists, these recommendations develop alongside alongside the phase itself, and now your project can too.
Learn concerning new web features and finest practices
While Modern Web Guidance is chiefly built as a tool for agents, one item we've heard from many developers is that they've really established the direction to be fairly helpful on its own—as a learning resource.
Even in this era of agentic coding, there's motionless value in construction up domain expertise. And Modern Web Guidance can assistance you do that: either by study the guides themselves, or using the CLI to hunt use cases and detect new techniques that may be applicable to your project.
In agentic web development, authoring code is lone one part of the workflow. You additionally need to run that code to justify it plant as expected. This is why we propose developers use Modern Web Guidance alongside alongside Chrome DevTools for agents.
- Modern Web Guidance gives your delegate the up-front ability needed to compose code following contemporary finest practices.
- Chrome DevTools for agents gives your delegate runtime visibility so it can verify, debug, and optimize that code throughout a broad range of equipment capabilities, person preferences, and network conditions.
Together these assistance your delegate attain at a improved resolution in small turns. Next are a few examples of how you can use these tools together to maximize effectiveness:
Optimize until you hit your achievement target
Modern Web Guidance can instruct your delegate how to efficiently interrupt up long-running JavaScript tasks that obstacle the chief thread, but it can't test your code to see how lengthy those JavaScript tasks really obstacle the chief thread for.
With Chrome DevTools for agents, you can run a achievement trace on a simulated low-end CPU to see whether or not you have a problem, and afterward use the achievement direction from Modern Web Guidance to iterate until your code never blocks the chief thread for additional than 50 milliseconds (so it doesn't contribute to mediocre INP).
Test and refine your animations
Modern Web Guidance can display your delegate how to correctly and performantly enliven features akin modal dialogs, tooltips, and popover menus, but equal alongside this direction you motionless need to verify that the animations really activity and appearance fine whenever used in the environment of your complete application.
Chrome DevTools for agents can run your code, engage alongside the page, and obtain a display record of the animation in action. It can afterward study the record to justify the two that the animation runs and that it fits the manner and awareness of the remainder of the site.
You can additionally use Chrome DevTools for agents to verify that whenever prefers-reduced-motion is set, the component honors the user's preferences.
Cache views without recollection leaks
Modern Web Guidance can instruct your delegate how to create SPA transitions awareness instant by rendering and caching views in memory, during additionally correctly hiding them from the accessibility tree.
However, whenever doing this it's crucial to justify you correctly spotless up unused views to not leak recollection if the person stays on the leaf for a lengthy time. Chrome DevTools for agents has recollection debugging tools, so your delegate can justify recollection use isn't expanding without bound.
For a nearer appearance at how to use Modern Web Guidance and Chrome DevTools for agents together, inspect out this video:
Success stories
Engineering teams about the earth are already using Modern Web Guidance and Chrome DevTools for agents to enhance code quality, speed up delivery, and eliminate manual debugging bottlenecks:
Pensionbazaar and Policybazaar
Pensionbazaar, a new withdrawal preparedness phase launched by Indian fintech business Paisabazaar, paired Modern Web Guidance alongside Chrome DevTools for agents to build and verify new pages, shortening turnaround by more than 90% (from concerning four days to a few hours) and reducing UI bugs on new screens by over 90%. Its sister phase Policybazaar, one of India's foremost coverage platforms alongside additional than 97 myriad registered customers, used Chrome DevTools for agents to automate achievement audits throughout concerning 30 high-traffic landing pages, cutting manual auditing attempt by 92%:
"For Pensionbazaar, our precedence was construction norm code from day one to avoid specialized debt later. Modern Web Guidance steered our coding delegate to adopt contemporary web standards and achievement finest practices during respecting our specific browser compatibility targets. This made our frontend code reviews substantially easier and faster, ultimately improving our development turnaround time."
—Aman Soni, Engineering Manager, Policybazaar
WeTV
WeTV, Tencent's global video streaming platform, added an AI coding delegate to its CI/CD pipeline that uses Chrome DevTools for agents to diagnose achievement regressions and Modern Web Guidance to fix them using contemporary web phase features. The delegate now automatically diagnoses and resolves 90% of unsuccessful achievement checks, cutting debugging and resolution period by 87% (from four hours to 30 minutes, including manual evaluation):
"The results have been extremely productive in conditions of the two speed and quality. The diagnostic insights provided by Chrome DevTools for agents and Modern Web Guidance gave us dependable references for fixing complex layout issues. We perform strict verification following all fix, and the current achievement charge and stability have considerably improved our publish confidence."
—Yangjie Zheng, Head of Engineering, WeTV (Tencent)
note inc.
note inc., one of Japan's largest creator and media platforms alongside complete 90 myriad monthly energetic users, used Modern Web Guidance alongside its in-house scheme system as part of an ongoing attempt to modernize its Next.js frontend. Across a 180-run evaluation on its manufacturing codebase, Modern Web Guidance raised continue rates on contemporary web checks from 61% to 94% by steering agents to use native HTML and CSS features alternatively of tradition JavaScript for scroll animations, tooltips, and accordions. It additionally risen appropriate LCP depiction prioritization by 28% throughout 431 merged PRs:
"Our goal at note is 'Start, and Keep on Creating,' so our phase has to stay accelerated and accessible for all creator and reader. As additional of our code is written alongside AI coding agents, Modern Web Guidance helps them attain for modern, standards-based solutions alternatively of falling rear on older JavaScript patterns. It additionally points out particulars that are uncomplicated to miss, specified as image loading precedence and form accessibility. Combined alongside our scheme system, it lets us keep improving note during keeping our UI consistent."
—Takehiko Itabashi, VP of Technology, note inc.
MetaMask
MetaMask, a self-custodial financial phase alongside additional than 100 myriad downloads throughout about 190 countries, runs Modern Web Guidance as an automated assessment bot on all drag petition to its open origin browser extension, configured alongside fair a three-line prompt. In its archetypal five weeks, the bot reviewed approximately 480 drag requests and commented on 64 of them, foremost engineers to fix 43 findings (mostly accessibility, HTML semantics, and forms issues that linters don't catch) alongside a median period of 15 minutes from comment to fix:
"The reviews are really helpful. They've helped exterior and get our engineers familiar alongside contemporary APIs akin Interest invokers and the Popover API. It hasn't risen PR assessment times, if item it apt reduced them. The issues MWG caught would have alternatively required a individual reviewer acquainted with these contemporary web techniques."
—Francis Nepomuceno, UX Engineer, MetaMask
Ecosystem and community support
Modern Web Guidance started as an undertaking inside Chrome, but reaching this 1.0 milestone was a collaborative attempt alongside many experts throughout the web community.
Thank you to the satisfied area tech leads overseeing all web phase area, our browser partners at Firefox and Edge, the autonomous web standards and accessibility experts who authored and tested guides, and all of the open origin contributors on GitHub who helped form this release!
If you place a gap in what coding agents cognize concerning the web, or desire to assistance enhance an existing guide, see the contribution guide to get involved.
Get started alongside Modern Web Guidance
To add Modern Web Guidance to your project, run the CLI installer from your project directory:
npx modern-web-guidance@latest install
Or if you already installed an before version, you can update to 1.0 by running:
npx modern-web-guidance@latest update
In supplement to the CLI, you can instal and update Modern Web Guidance immediately through most famous coding delegate plugin marketplaces, including Claude Code, Codex, Cursor, Antigravity, Copilot, WebStorm, Kimi Code, and Grok Build.
To study more, inspect out these resources:
