Check out the latest updates in Chrome 151 DevTools → bit.ly/4x6YmQE Explore CSS specificity tooltips, improved JavaScript memory debugging, and updated device emulation presets.

Nice teardown of how the Modern Web Guidance skill actually works by @nucliweb.net joanleon.dev/en/modern-we... A lot of thought went into being as token-efficient as possible!

A skill that knows nothing: the architecture of Modern Web Guidance | Joan León

Modern Web Guidance doesn't keep the knowledge in the skill, it teaches the agent to retrieve it. Local semantic search with MiniLM and TensorFlow.js, guides with their own grader, and empirical calib...

joanleon.dev

What if we could remove the friction in the email → goo.gle/4fsFpjG The proposed Email Verification API would let your site validate the email address right in the browser! No email sent, no confirmation click needed.

Check web platform feature availability in Lighthouse → goo.gle/3TXx3cO Baseline status details are now in the Best Practices section, including: 🌐 Widely available features 🛠️ Newly available capabilities ⚠️ Limited availability code

Meet Chrome DevTools Connect for WebStorm → goo.gle/4i2wPuL Now your AI agent can open Chrome, inspect rendering, read console logs, and verify runtime fixes without you leaving the WebStorm IDE.

Modern Web Guidance passkey skills give coding agents like Claude Code and Antigravity the knowledge to build secure authentication loops autonomously → goo.gle/4bLzqp1 In our test on Claude Code Opus 4.8, an implementation using these passkey skills significantly outperformed one without them.

✨ Get deeper insights into your data within the AI assistance panel → goo.gle/4p3oIzA Nine additional widgets now feature data from across your panels to help you understand what Gemini uses: 📊 Performance events 🌐 Network requests 📜 Resource content

Evaluate your production feature support more easily using the updated Baseline Checker tool. Now you can check your own user support levels without the headache of downloading and uploading manual files. The new Google Analytics API integration does the heavy lifting for you → goo.gle/3T7ePoF

Chrome DevTools Connect for WebStorm is live. Your agent now opens Chrome, reads console logs and network requests, takes screenshots, and interacts with the page directly in the browser. Design → code → browser. Built with @developer.chrome.com team! Read more: https://jetbrains.blog/jfeii5

Chrome 151 beta introduces powerful capabilities for web performance and accessibility → goo.gle/4yuqBcV Discover new soft navigation timeline entries, the aria-actions attribute, and the <usermedia> element for interacting with media streams.

Set up custom triggers on webstatus.dev to monitor the Baseline features you care about. Choose your notification frequency: 🗓️ Monthly digests ⏰ Weekly roundups ⚡ Real-time updates Create a personalized newsletter or shareable lists for your audience → goo.gle/3RJA5Ay

Make your Chrome extension stand out! Engaging with user reviews on the Chrome Web Store creates valuable connection and proves active maintenance.

At #GoogleIOConnect India we asked Dhananjay Kumar, the VP of Engineering at MakeMyTrip, how they are putting WebMCP to work. Listen up ⬇️ #BuildwithGemini

I want to learn from people in my network building AI agents into their sites. 🤖💡 Whether you’re building a custom agent, integrating a third-party tool, or creating an agent platform for others—I’d love to chat! 🧵👇

Straight from the floor of #GoogleIOConnect India! We spoke with redBus Director of Engineering, Amit Kumar, for a quick lightning round about HTML-in-Canvas. Hear how they are using the new API to level up their web UI experiences 👇 #BuildwithGemini

Give your coding agent the ultimate assist ⚽️ Map out tactical plays for your workflow using Chrome DevTools for agents. Let your assistant emulate user experiences, run automated Lighthouse audits, and debug your live browser state → goo.gle/3T18uez

Escape the frustration of watching your coding agent confidently generate web code from 2018. Modern Web Guidance offers over 100 clean, markdown-based web platform best practice guides and searches them with RAG-style cosine similarity, so you can select the right one for your coding agent to use.

Build a 30-second timer Chrome Extension in record time with Antigravity! Learn a pro-tip for AI prompting and see your extension come to life, then load it in Chrome in a flash ⬇️

Catch up on everything new to the web platform last month → goo.gle/4yldKKd Discover new features landing in stable browsers, including automatic form control sizing with field-sizing and CSS gap decorations in Chrome.

Learn how WebMCP bridges the gap between websites and AI agents by enabling sites to expose structured tools. From filtering hotels in Tokyo with specific amenities to dynamically customizing a pizza, understand how WebMCP empowers AI agents to perform complex tasks on the web more precisely.

Too hot at home right now. So flew to India instead. Say hello if at #GoogleIOConnect India. I’ll be hanging about or on the Chrome stage at 2:30 as part of a panel talking about “The evolving landscape of web development”!

Chrome DevRel Engineer @matthiasrohmer.bsky.social is at #GoogleIOConnect India showing us how to empower your coding agents to verify their own creations. Learn how enabling Chrome DevTools for agents lets them reproduce issues with the trusted tools you use every day. #BuildWithGemini

Refresh your memory ahead of #GoogleIOConnect India tomorrow with some of Chrome's top recent updates to the web 🔎

Imagine reducing camera and microphone capture errors by nearly half just by changing an HTML tag. Zoom did exactly that during our initial trials. The <usermedia> element handles the heavy lifting of consent and stream delivery right in the DOM. Learn about the markup → goo.gle/4vQFlBl

Introducing the <usermedia> HTML element  |  Blog  |  Chrome for Developers

Learn about the &lt;usermedia&gt; HTML element, a new Capability Element landing in Chrome 151.

goo.gle

From on-device AI integration to real-time agent debugging, #GoogleIOConnect Berlin was about putting modern web capabilities into production. Experience the Chrome keynote highlights, including Chrome DevTools for agents & Modern Web Guidance, as we show you how to upgrade your AI coding workflows.

With WebMCP, building structured browser tools for AI agents is easier than ever! At #GoogleIOConnect Berlin, Google Developer Expert Susanna Wong broke down the Declarative and Imperative APIs & showed us how easy it is to upgrade your site for agents. Join the origin trial today → goo.gle/4vdLwPq

AI agents are evolving from generating text to completing complex tasks directly on your website. Ensure a high-quality experience for these non-human users by auditing your site stability, accessibility tree, and WebMCP integration → goo.gle/3SFMt4I

Ever been annoyed by a "confirm your email" message with a flaky magic link or OTP with clunky copy+paste, if the email even arrives‽ Optimistically, 20-30% of those emails* are never seen. We can fix that! If you have *any* email collection on your site, I'd love to see you try it & give feedback.

Test the Email Verification Protocol with an origin trial  |  Blog  |  Chrome for Developers

Test the Email Verification Protocol with the origin trial available from Chrome 150.

developer.chrome.com

We asked Google Developer Expert @utilitybend.com at #GoogleIOConnect Berlin how to steer AI agents away from outdated styling hacks. See his rapid-fire insights on Modern Web Guidance and why Baseline-aligned skills upgrade your workflow → goo.gle/4fOH4Sv #BuildWithGemini

Building for the web without browser access is a major bottleneck for coding agents. Give your agent access to Chrome. With DevTools for agents it can emulate devices, run Lighthouse audits, and read console errors to catch bugs before you ship → goo.gle/4paxGel #GoogleIOConnect #BuildWithGemini