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
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