2026 Community Survey results are here! See how the Craft CMS community works. results are live!

Chrome DevTools for Agents

Chrome DevTools for agents from Google connects your coding agent (Claude Code, Gemini CLI, or Antigravity) to a real Chrome browser. Your agent can now load pages, run Lighthouse audits and more.We'll install the Claude Code plugin, point it at a local Craft site running in DDEV, and walk through a few workflows that will be helpful in daily work.

Your cod­ing agent can write code but it isn’t always good at know­ing if the code actu­al­ly works. Chrome Dev­Tools for agents clos­es that gap by con­nect­ing Claude Code (and oth­ers) to a real Chrome brows­er. The agent can load the page, read the con­sole, run Light­house, and ver­i­fy its own fix­es before declar­ing victory.

In this les­son, we install the Claude Code plu­g­in, point it at a local Craft site, and walk through how to use it to check con­sole errors and run Light­house audits as a qual­i­ty gate. 

If you’ve been frus­trat­ed by an agent con­fi­dent­ly break­ing your tem­plates, this is might be the miss­ing piece.

Topic
Instructor
Date Published
May 27, 2026