Chrome DevTools | Chrome for Developers

AI assistance

Supercharge your development workflow with Gemini integrated directly into Chrome DevTools. Streamline debugging with AI assistance for styling, performance, network and sources.

What can AI assistance help you with

See AI assistance in action

Check out our interactive demos to learn how to get started with AI assistance in your projects.

Hangar

Try AI-powered styling fixes to transform a static plane into a soaring marvel - while making sure safety measures are taken!

Overflow

Will you conquer the scrollbar of doom with AI assistance, or will a diving team forever be trapped in a layout nightmare?

Not sure how to start?

Explore prompt ideas for the AI assistance in DevTools. Experiment with our demos or try on your own websites.

Deep dives

Explore videos explaining how to use AI assistance in DevTools to solve common web development problems.

Al-assisted debugging - DevToolTips

Explore the power of Al-assisted debugging with Chrome DevTools!

What's new in DevTools 130-132

Explore the Network Panel features, Baseline & CSS updates and AI innovations in Chrome 139-141 with Matthias!