Chrome Devtools: AI assistance for styling (developer.chrome.com)

Chrome DevTools now integrates Gemini-powered AI assistance across styling, performance, network and source panels to speed up debugging and triage. Developers can click the new “Ask AI” button in context (for example on an element, request, or script) to get step‑by‑step fixes—“How do I center this element?”, “Why does this request fail?”, “What is this file used for?”—or higher‑level guidance like diagnosing LCP regressions and proposing optimizations. The tool can also inspect headers and security settings, fix layout/overflow and aspect‑ratio problems, and auto‑generate detailed bug reports (select a failing network request → click AI assistance → request a bug report) ready to copy into an issue tracker. Technically this embeds an LLM into DevTools workflow to assist with CSS/layout rules, network diagnostics, performance root‑cause analysis and metadata parsing, which can accelerate debugging and onboarding. The feature is experimental (with persistent AI chat history planned in Chrome 133–135) and includes a feedback/voting mechanism to improve responses. Important caveats: outputs may be inaccurate or offensive, and using an LLM within DevTools raises privacy and security considerations when sending request/response data or source snippets to a model—so treat recommendations as guidance, verify changes, and review any sensitive data before sharing.