Uploaded July 2026 | Updated September 2026, 2 weeks ago

---

Prepare your website for the next generation of AI-driven interactions. Dive into Chrome DevTools to monitor and debug the WebMCP, use targeted Lighthouse Audits to evaluate your site's agentic web readiness, and finally put coding agent SKILLS to the test in practical exercises. Kasper Kulikowski and Andre Bandarra share how to apply these tools today to future-proof your projects for the next evolution of the web.

Chapters:
0:00 - Introduction
0:36 - The Agentic Web
1:54 - How AI agents see websites and complex journeys
5:28 - Introduction to WebMCP and tool demonstrations
10:37 - Defining WebMCP tools (Imperative & Declarative APIs)
15:26 - Workshop: Making your website agent-ready
17:21 - Implementing to-do app tools
20:11 - Testing and debugging WebMCP tools
25:13 - Declarative API demo
26:26 - Lighthouse Agentic Browsing audit
27:50 - Summary and next steps

Resources:
Chrome DevTools overview → https://goo.gle/4gdy8Gx
Get started with WebMCP → https://goo.gle/4vcwqci
Build extensions with coding agents → https://goo.gle/4vOAO2o
WebMCP docs → https://goo.gle/webmcp-docs
Lighthouse GitHub → https://goo.gle/lighthouse-github
Create AI evaluations → https://goo.gle/evals
WebMCP tools (GitHub) → https://goo.gle/webmcp-evals-cli

Watch more Chrome sessions from I/O Connect Berlin → https://goo.gle/4eZAZAn
Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs


#ChromeForDevelopers #Chrome #GoogleIOConnect #ChromeDevTools, #WebMCP, #Skills #Developers


Event: Google I/O Connect Berlin 2026

Speakers: Kasper Kulikowski, Andre Bandarra
Products Mentioned: Chrome, WebMCP, Chrome DevTools