Introducing AI Assistance in Chrome DevTools! 🤯🚀 Ever wish you could have a coding buddy to help you with CSS and layout? Well, your wish is granted! The new AI Assistance in Chrome DevTools is here to make your life as a developer easier, powered by Gemini. The new... panel aims to help you find and fix issues. Just ask it questions about your code, and it provides tailored explanations and even suggests solutions. This is our first exploration into agentic AI in DevTools and we're excited to hear what you think of it. Some key features: 1. Conversational prompts: Get tailored suggestions and code snippets. 2. Contextual understanding: AI understands the code you're working on. 3. Step-by-step guidance: Get help with everything from styling to debugging. Want to see it in action? Check out my screencast below to see how I used it to add a dark mode.show more

@ChromeDevTools I doubt it can center a div 🤔

@ChromeDevTools Damn you’re shipping hard these days, great to see !

@ChromeDevTools Thanks! @mathias @MHablich and the team have been on 🔥🙏

@ChromeDevTools Does it work offline ?

@ChromeDevTools How can you extract/save changes like this to your real website?

@ChromeDevTools Amazing, what Chrome version is supported?

@ChromeDevTools Any plans to use Gemini nano that I think is within chrome to support offline use when on train/plane when no internet ?

Gemini nano is a great model for lighter tasks (such as text summarization or translation). We’re using it for some of our “built-in Web AI” explorations more broadly in the platform. That said, it’s not well suited for coding usecases atm. I think we’ll keep the offline usecase in mind as more options become available in the future.

@ChromeDevTools Can it build wordpress/CMS functions into html sites?

@ChromeDevTools I can see a future where it can come in handy in diagnosing issues more than adding features.