Development
Google offers web standards guidance for AI coding agents
Google’s Modern Web Guidance gives AI coding agents technical recommendations and browser-compatibility data for building modern interfaces, helping Joomla developers avoid generated JavaScript where native HTML and CSS can handle the task.
The guidance is designed for agents that support skills, including Claude Code, Codex and Gemini CLI. Relevant instructions are identified and loaded as an agent works through a task, such as updating an older interface.
Native features and compatibility
Examples covered by the guidance include replacing custom modal windows with <dialog>, creating pop-up hints with the Popover API and CSS Anchor Positioning, and adapting components to container width with container queries.
It also addresses page loading and responsiveness, form accessibility, focus management and handling component states. Recommendations take the selected browser targets into account, including fallback approaches for features with limited support.
Compatibility is evaluated using Baseline, which provides a reference for support across major browsers. Projects can define a target Baseline level; the default is Baseline Widely available.
Installation
The package requires Node.js and can be installed with:
npx modern-web-guidance@latest installGoogle’s getting-started documentation describes the available connection options and Baseline configuration.