From GitHub · · 2m
Modern Web Guidance: Keep Coding Agents Updated with Web Best Practices
Google Chrome and web teams release tool to guide AI coding agents using modern web standards.
In brief
Google Chrome and web teams release tool to guide AI coding agents using modern web standards. Google Chrome's Modern Web Guidance helps coding agents follow current web standards instead of outdated patterns. Originally reported by GitHub.
What is Modern Web Guidance
Modern Web Guidance is a set of skills that embed web platform expertise, best practices, and browser compatibility data directly into your coding agents.
Who Stewards It
Stewarded by Google Chrome, Microsoft Edge, Mozilla Firefox, and MDN teams alongside the web development community.
Quickstart Command
npx modern-web-guidance@latest install runs an interactive wizard to install Modern Web Guidance.
Try Without Installing
Search for guides using npx modern-web-guidance@latest search "animate a dialog modal backdrop".
Why It Exists
Coding agents often default to older patterns because LLM training data contains vast amounts of legacy code.
Modern Web Guidance Bridges Gap
Modern Web Guidance bridges the gap between legacy patterns and modern web platform solutions.
Core Disciplines
Modern Web Guidance covers user experience, CSS layout, performance, forms, accessibility, and built-in AI.
250 Modern Web Features
Modern Web Guidance includes 250 modern web features across CSS, HTML, DOM, JavaScript, and APIs.
User Experience
Smooth visual states, view transitions, entry/exit animations, and parallax scroll are covered.
CSS Layout
Modern layout systems like container queries, subgrid, and oklch color spaces are included.
Performance
Speed optimizations like instant preloading and interaction to next paint diagnostics are covered.
Forms & UI
Native components like anchor positioning for tooltips and popovers are included.
Accessibility
Important considerations for screen reader and keyboard operability are covered.
Built-in AI
Local client models for translation, summarization, and language detection are included.
View Example
The navigation-drawer guide demonstrates modern web features in action.
Why It Matters
Modern Web Guidance helps coding agents avoid legacy patterns and use modern web platform solutions.
The key point
Google Chrome's Modern Web Guidance helps coding agents follow current web standards instead of outdated patterns.
