Learn how to create a custom weather Chrome Extension using the Modern Web Guidance extensions skill and Chrome DevTools for agents to boost a coding agent like Antigravity. By combining best-practice context with automated debugging in the browser, you can eliminate the manual friction of extension development. After the agent handles the initial code generation, you can prompt it to iterate on features, such as adding a multi-day forecast. Set up these tools in your workflow and streamline how you build and test browser extensions.
Chapters:
00:00 - Introduction
00:44 - Add the Modern Web Guidance extensions skill
01:38 - Install Chrome DevTools for agents
02:06 - Configure the MCP server capabilities
02:43 - Prompt the AI agent to generate code
03:36 - Test the extension in the browser
03:52 - Iterate and add a three-day forecast
Resources:
Setup guide → https://goo.gle/4fRlVW3
Modern Web Guidance → https://goo.gle/3TGRI4H
Chrome DevTools for agents → https://goo.gle/3UetfUs
Watch more Developer Mode → https://goo.gle/dev-mode
Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs
#ChromeForDevelopers #Chrome #Antigravity
Speaker: Milica Mihajlija
Products Mentioned: Chrome