Take a guided tour of Chrome's modern web guidance toolkit for coding agents with Tara Agyemang - stepping through the installation process, all the way to using it in new and established codebases. See the difference for yourself as you give a coding agent web development tasks, with and without this guidance, across various agents, models, and web frameworks.
Chapters:
0:00 - Introduction
1:09 - Prerequisites
2:35 - What is Modern Web Guidance?
5:57 - How it works
8:40 - Demo: Modernizing existing code
11:00 - Executing the Lighthouse audit
15:00 - Applying performance improvements
18:38 - Committing the updates
21:07 - Adding a swipe-to-remove feature
24:00 - Building a new project
26:31 - Keeping Modern Web Guidance up-to-date
27:12 - Bridging the AI knowledge gap
Resources:
Build with Modern Web Guidance →
Modern Web Guidance 101 - codelab →
Subscribe to Chrome for Developers →
#ChromeForDevelopers #Chrome #GoogleIOConnect #ModernWebGuidance #WebDevelopment #Developers #BuildwithGemini
Event: Google I/O Connect Berlin 2026
Speaker: Tara Agyemang
Products Mentioned: Chrome
|
Download your free Python Cheat Sheet he...
How do you avoid the risk of running a P...
Six times in fifteen years, Amazon Web S...
Download your free Python Cheat Sheet he...
In this video, we build an AI-powered se...
Ever wished a website or your browser wo...
Prepare your website for the next genera...
Explore the power of Chrome's built-in A...
Take a guided tour of Chrome's modern we...
Natalia Markoborodova and Yu Tsuno, shar...
Hear from Matthias Rohmer how the MCP se...
Download your free Python Cheat Sheet he...
Rob Orgiu shares how to harness Jetpack ...
Watch Paul Lammertsma and Garan Jenkin t...
Did you know that adding XR-differentiat...