# 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.
- Title: Modern Web Guidance: Keep Coding Agents Updated with Web Best…
- Summary: Google Chrome and web teams release tool to guide AI coding agents using modern web standards.
- Keywords: modern-web-guidance, google chrome, web development, coding agents, browser compatibility, web standards, ai coding tools, web platform, browser apis, performance optimization, accessibility, css layout
- Source: GitHub — https://github.com/GoogleChrome/modern-web-guidance
- Read time: 1 min
- Topics: modern-web-guidance, google chrome, web development, coding agents, browser compatibility, web standards, ai coding tools, web platform, browser apis, performance optimization, accessibility, css layout
## 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.
## Key takeaway

Google Chrome's Modern Web Guidance helps coding agents follow current web standards instead of outdated patterns.