Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

The future of web development is here! AI assistance is now available in Chrome 131. Learn how this feature can help you code more efficiently: #DevTools

Chrome for Developers

408,982 subscribers

2,621,406 views • 1 year ago •via X (Twitter)

Science & Technology Education #DevTools

Anya Rossi• Live Now

Private livecam show

8 Comments

Layla CryptoWhiz1 year ago

Great news for web devs! AI assistance in Chrome 131 is a game-changer for coding efficiency

PepperTheVixen1 year ago

I’m so excited to have garbage code thrown at me and then get gaslit about how it really works

Cisco1 year ago

seems cool ngl

Rusty Schakelford1 year ago

No to AI & no to MS.

Khalaazar1 year ago

I hope it's better than that disaster, Gemini.

5 dollar shake (America 1st!)1 year ago

What’s “chrome” stand for, and what does its icon tell us? So, no thanks.

Ashutosh Rai1 year ago

Can we use AI to improve web page issues like if it offers list of problems with solutions (code)?

⇌ ᴠᴀʟᴏ_ɪᴏ ⇋1 year ago

DevTools is already bloated af now we have to wait a min just for it to open, thanks

Related Videos

AI assistance in Chrome DevTools is here with Chrome 131! 🚀 Using Gemini, it helps you debug styling issues, understand layouts, and get AI-generated fixes for CSS bugs. Learn more →

AI assistance in Chrome DevTools is here with Chrome 131! 🚀 Using Gemini, it helps you debug styling issues, understand layouts, and get AI-generated fixes for CSS bugs. Learn more →

Google for Developers

17,235 views • 1 year ago

In Chrome DevTools, AI via Gemini can now help you understand what the problem is and how to fix it, straight from the Console!

In Chrome DevTools, AI via Gemini can now help you understand what the problem is and how to fix it, straight from the Console!

Addy Osmani

154,096 views • 2 years ago

Want some help understanding all requests related to your website? Chrome DevTools AI assistance for network helps you analyze page load and inspect network resources. Learn more here →

Want some help understanding all requests related to your website? Chrome DevTools AI assistance for network helps you analyze page load and inspect network resources. Learn more here →

Chrome for Developers

20,905 views • 1 year ago

Codex can now take on more of your browser dev work. With the new Chrome plugin in the Codex app, it can test web apps, gather context across tabs, use web DevTools efficiently in parallel, and keep results organized without taking over your browser.

Codex can now take on more of your browser dev work. With the new Chrome plugin in the Codex app, it can test web apps, gather context across tabs, use web DevTools efficiently in parallel, and keep results organized without taking over your browser.

OpenAI Developers

231,082 views • 3 months ago

Announcing our public preview of Chrome DevTools MCP! Experience the full power of DevTools in your AI coding agent → With Chrome DevTools MCP, your AI agent can run performance traces, inspect the DOM, & perform real-time debugging of your web pages.

Announcing our public preview of Chrome DevTools MCP! Experience the full power of DevTools in your AI coding agent → With Chrome DevTools MCP, your AI agent can run performance traces, inspect the DOM, & perform real-time debugging of your web pages.

Chrome for Developers

1,042,559 views • 11 months ago

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.

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.

Addy Osmani

95,988 views • 1 year ago

How to add Chrome DevTools MCP to Claude Code (Bookmark this post to follow the setup later) This lets Claude debug your web apps in a real browser... performance traces, network inspection, console errors. Requirements: - Node.js 22+ - Chrome browser In the video below I show you: - How to install the MCP server - How to verify the DevTools tools are available - How to use it with a real performance trace

How to add Chrome DevTools MCP to Claude Code (Bookmark this post to follow the setup later) This lets Claude debug your web apps in a real browser... performance traces, network inspection, console errors. Requirements: - Node.js 22+ - Chrome browser In the video below I show you: - How to install the MCP server - How to verify the DevTools tools are available - How to use it with a real performance trace

Daniel San

52,315 views • 10 months ago

Dear friends and colleagues - Oz Party, which I established, is now live! To learn more about the party: And since many of you asked how you could help - here is how in this short video:

Dear friends and colleagues - Oz Party, which I established, is now live! To learn more about the party: And since many of you asked how you could help - here is how in this short video:

ד״ר עינת וילף Dr. Einat Wilf

51,145 views • 9 months ago

Jules is our experimental AI-powered code agent that can help devs fix bugs or other coding tasks — all with supervision. It’s now available to a group of trusted testers. Learn more →

Jules is our experimental AI-powered code agent that can help devs fix bugs or other coding tasks — all with supervision. It’s now available to a group of trusted testers. Learn more →

Google

139,930 views • 1 year ago

🫣 Help protect your app's sensitive content with this #WidgetOfTheWeek! This feature is available on Android API 35+, and you can try it out by using the SensitiveContent widget. Learn how ↓

🫣 Help protect your app's sensitive content with this #WidgetOfTheWeek! This feature is available on Android API 35+, and you can try it out by using the SensitiveContent widget. Learn how ↓

Flutter

14,538 views • 5 months ago

goose + the Chrome DevTools MCP server is a cheat code. It fixes all my Docusaurus and TailwindCSS issues, then checks desktop, tablet, and mobile to confirm the fix actually worked. The future is now 😂

goose + the Chrome DevTools MCP server is a cheat code. It fixes all my Docusaurus and TailwindCSS issues, then checks desktop, tablet, and mobile to confirm the fix actually worked. The future is now 😂

Rizèl Scarlett 🇦🇬🇬🇾

75,408 views • 8 months ago

🚀 MicroGPT is redefining AI coding. 📝 Write code in plain English 🔄 ScriptSync keeps scripts aligned ⚡ CodeSense anticipates, suggests & optimizes Faster dev, fewer bugs—the future is here. #MicroGPT #AI #DevTools

🚀 MicroGPT is redefining AI coding. 📝 Write code in plain English 🔄 ScriptSync keeps scripts aligned ⚡ CodeSense anticipates, suggests & optimizes Faster dev, fewer bugs—the future is here. #MicroGPT #AI #DevTools

MicroGPT

453,113 views • 1 year ago

The future of software development is #AI-accelerated development. Watch to learn how Turing uses Duet AI for Developers, an #AI-powered collaborator, to amplify the productivity of software engineers by 30% ↓

The future of software development is #AI-accelerated development. Watch to learn how Turing uses Duet AI for Developers, an #AI-powered collaborator, to amplify the productivity of software engineers by 30% ↓

Google Cloud

14,389 views • 2 years ago

Artificial Intelligence was invented long before we all started talking about it. I have been using AI for a long time to help make decisions more efficiently. You can learn more about how I use this “Digital Ray” here: #raydalio #principles #politics #Economics #AI

Artificial Intelligence was invented long before we all started talking about it. I have been using AI for a long time to help make decisions more efficiently. You can learn more about how I use this “Digital Ray” here: #raydalio #principles #politics #Economics #AI

Ray Dalio

68,874 views • 1 year ago

Our Spawning Browser Extension is now available on Chrome, allowing you to discover if the data on the web pages you browse has been included in public AI training sets. If you discover your work is included, you can choose to opt-out!

Our Spawning Browser Extension is now available on Chrome, allowing you to discover if the data on the web pages you browse has been included in public AI training sets. If you discover your work is included, you can choose to opt-out!

Spawning

11,853 views • 3 years ago

The most wholesome rant on AI development. “If you love software development don’t go do something else … It’s more vital now then ever to actually learn how to code” — Brad Traversy

The most wholesome rant on AI development. “If you love software development don’t go do something else … It’s more vital now then ever to actually learn how to code” — Brad Traversy

Dennis Ivy

28,904 views • 6 months ago

Fellou is rolling out a new version tomorrow — feel free to rephrase and include the following in your tweet: Fellou 2.3.0 is live! You can now step in and adjust task workflows at any time. Both Deep Action planning and outputs support secondary editing. The all-new Developer Tools (DevTools) are here, offering debugging and web structure inspection to help developers test and optimize more efficiently. Experience the smarter, more flexible automation workflow today! Try Fellou → #vibeworkingwithfellou #FellouAI

Fellou is rolling out a new version tomorrow — feel free to rephrase and include the following in your tweet: Fellou 2.3.0 is live! You can now step in and adjust task workflows at any time. Both Deep Action planning and outputs support secondary editing. The all-new Developer Tools (DevTools) are here, offering debugging and web structure inspection to help developers test and optimize more efficiently. Experience the smarter, more flexible automation workflow today! Try Fellou → #vibeworkingwithfellou #FellouAI

Tulsi Soni

43,028 views • 1 year ago

We’ve upgraded your search experience in Chrome. Now you can use inputs like open tabs and images when you search with AI Mode in Chrome on your phone. Learn more:

We’ve upgraded your search experience in Chrome. Now you can use inputs like open tabs and images when you search with AI Mode in Chrome on your phone. Learn more:

Chrome

70,751 views • 3 months ago