Why write 100 lines of JS for a few lines of CSS? Chrome, Firefox and Edge ship Modern Web Guidance 1.0 for coding agents

"Left to their own devices, AI coding agents will happily write 100 lines of custom JavaScript for something modern HTML and CSS can do natively in a few lines," Chrome for Developers posted on Nov. 10, drawing about 1,500 likes and 1,400 bookmarks.

Chrome, joined by Mozilla and Microsoft Edge, released Modern Web Guidance 1.0, a set of skills for coding agents with 200-plus guides vetted by browser engineers and accessibility experts and built on Baseline compatibility data. Install it from a project directory with `npx modern-web-guidance@latest install`, and use the new `/modern-web-guidance Modernize the code in this directory` workflow to find outdated workarounds and unneeded polyfills in an existing codebase. Chrome says it works regardless of model or agent harness.

According to Chrome's blog, frontier models still miss things like keyboard focus and reduced-motion support, dialog and popover transitions, layout-shift prevention, HTML sanitization and strict Content Security Policies. In a reply, Chrome said its evals on existing apps showed best-practice pass rates rising about 30 percentage points.

One developer pushed back that "an agent copies the pattern it just read long before it looks up a guide" in a jQuery-heavy repo. Chrome conceded that "existing patterns are a strong pull," which is why the skill marks itself mandatory before writing frontend code. The first modernization release uses static analysis for a narrow set of patterns.