What is Modern Web Guidance? // TRAIN BRAIN

What is Modern Web Guidance?

At Google I/O Connect Berlin, Brecht De Ruyter, a Google Developer Expert for Web, shares insights into Modern Web Guidance. This agent skill and CLI injects modern web standards, with Baseline Widely Available fallbacks, directly into your coding agent’s context. Understand how it acts as a guardrail, moving beyond historical LLM training data to enforce today’s native web platform solutions. Learn how to implement it with `npx modern-web-guidance` or integrate it natively into Claude Code, Copilot CLI, or Antigravity.
Resources:
Watch the "Modern Web Guidance" workshop → https://goo.gle/4w71Hid
Get started with Modern Web Guidance → https://goo.gle/3QUtEdA
Watch the full sessions → https://goo.gle/4eZAZAn
Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs
#ChromeForDevelopers #Chrome #GoogleIOConnect #BuildwithGemini
Event: I/O Connect Berlin 2026
Speaker: Brecht De Ruyte
Products Mentioned: Chrome

Chrome for Developers

Making the web more awesome....

What is Modern Web Guidance?

New workflows for improved web app quality: Modern Web Guidance and DevTools (I/O Connect '26)

Authentication in 2026: A guide to passkeys, digital credentials and more (I/O Connect ‘26)

Create a closed feedback loop: Chrome Devtools for agents (I/O Connect ‘26)

Life After I/O: Where is the Chrome DevRel team now?

New quest: Discover DevTools for agents

Automate building Chrome Extensions with Antigravity and DevTools MCP (I/O Connect ‘26)

Practical steps to make your website agent-ready (I/O Connect ‘26)

Authentication in 2026: A guide to passkeys, digital credentials and more (I/O Connect ‘26)

Chrome DevTools 148+: How to use new debugging tools

CGCP001 Unlocking productivity with WebMCP

Top 3 premium web experiences updates from Google I/O 2026

What's New: Chrome DevTools 148-150

Top 3 premium web experiences updates from Google I/O 2026

Best one stays: Chrome I/O updates

How to emulate device capabilities with Chrome DevTools for agents

What's new in the latest Angular release

Top 3 AI tooling updates from Google I/O 2026

A global team bringing you the future of the web

What is FedCM and how does it improve online privacy?

Stop prompt injection with WebMCP for a safer web.

What is the Federated Credential Management API (FedCM)?

Top 3 AI tooling updates from Google I/O 2026

Top 3 AI platform updates from Google I/O 2026

Keep your page interactive during view transitions #GoogleIO

Top 3 AI platform updates from Google I/O 2026

HTML is the new JSON: Declarative partial updates explained #GoogleIO

Fix markdown image syntax with AI and JSON schemas #GoogleIO

Emulate device capabilities with Chrome DevTools for agents

Chrome's new web dev tool: Modern Web Guidance #GoogleIO

Take control of AI agents on your site with WebMCP #GoogleIO

Simplify complex user intents with WebMCP #GoogleIO

Scale your web expertise with Chrome DevTools for agents #GoogleIO

How to get modern web guidance from your AI tools

The new HTML-in-Canvas API is a game-changer #GoogleIO

Build your website for the agentic era

Supercharge your AI coding workflow with Chrome DevTools for agents

What's new in Web UI

Build new features using built-in AI in Chrome

Break boundaries with Gemini in Chrome DevTools

Elevate the Chrome Extensions developer experience

What's new in Angular

Unlock modern web capabilities in your AI coding workflows

Build next-generation UIs with the HTML-in-Canvas API

Modernize authentication with passkeys, digital credentials, and more

Vibe design to build incredible web UI

What's new in Chrome

Register for #GoogleIO today and unpack all the news our team is bringing to build a better web

How to test web platforms with Chrome Dev

Build an expert LLM judge

Dont mind Oliver, he's just getting ready for #GoogleIO

How to track browser feature changes

Deprecation: what it means for web features

Translator API: on-device translation made easy

Build your AI testing pipeline

What is Chrome's feature removal process

What is browser feature removal

Align and test your LLM judge

WebMCP: teach Agents to browse your site

What is the Chrome DevTools MCP server

Building an extension in Antigravity in 6 minutes

Build a Basic LLM Judge

How Chrome deprecates and removes features

The essentials of HTTP cookie attributes

Design your AI evals

How to set up the Chrome DevTools MCP server

Your mental model for AI testing: evals, LLM judges, and test layering

What are evals and how they help test AI features

3 things you didn’t know about the Prompt API

Meet our team's MVP lineup

Chrome DevTools 145+: stop guessing SPA performance

How to use the DevTools MCP server for AI debugging #DevToolsTips

Extension Update Testing Tool in action

How to know if permissions are safe to request in your Chrome Extension

AI experimentation in Chrome Extensions

Scala.js to Wasm—Exploring the Wasm backend for Scala.js with Sébastien Doeraene

Everything that happened with Chrome Extensions in 2025

Customizable select #CSSWrapped 2025

Request conditions

Create Carousels with a few lines of CSS