Addy Osmani's banner

Addy Osmani

@addyosmani • 395,084 subscribers

Director, @GoogleCloud AI. Gemini ✨ Agents. Prev: Eng. leader, @GoogleChrome • Author • Great user, developer & AI experiences • @GoogleAI @GoogleDeepMind

Shorts

New in Chrome DevTools! Debug an app's full performance trace with Gemini! After recording a trace, you can now chat with Gemini about the entire trace, related Performance insights, and even connected field data - all without needing to select specific context beforehand!

New in Chrome DevTools! Debug an app's full performance trace with Gemini! After recording a trace, you can now chat with Gemini about the entire trace, related Performance insights, and even connected field data - all without needing to select specific context beforehand!

686,839 просмотров

Want to give your agent quality checks? Chrome's DevTools MCP now includes: ⚡️ Performance checks via Lighthouse 📈 Memory leak detection Skill 🦻 Accessibility debugging Skill 🎨 LCP optimization Skill and an experimental new CLI 👀

Want to give your agent quality checks? Chrome's DevTools MCP now includes: ⚡️ Performance checks via Lighthouse 📈 Memory leak detection Skill 🦻 Accessibility debugging Skill 🎨 LCP optimization Skill and an experimental new CLI 👀

129,530 просмотров

Tip: Chrome DevTools can override the content of Fetch/XHR requests! Useful for mocking APIs without waiting on backend changes.

Tip: Chrome DevTools can override the content of Fetch/XHR requests! Useful for mocking APIs without waiting on backend changes.

218,382 просмотров

Tip: Chrome DevTools can now override the content of Fetch/XHR requests! Great for mocking APIs without waiting on backend changes! This and lots more in Chrome 117:

Tip: Chrome DevTools can now override the content of Fetch/XHR requests! Great for mocking APIs without waiting on backend changes! This and lots more in Chrome 117:

306,107 просмотров

A first look at View Transitions working in Safari!

A first look at View Transitions working in Safari!

105,949 просмотров

"Tired of slow sites? Batch compress images for free in the browser, client-side" ⚡️ Happy to share a new image optimization tool that batch compresses images directly in your browser (100% client-side) to make them smaller. It uses jSquash, WASM codecs derived from the excellent Squoosh app. Convert AVIF, WebP, JPEG and more. Great for small projects.

"Tired of slow sites? Batch compress images for free in the browser, client-side" ⚡️ Happy to share a new image optimization tool that batch compresses images directly in your browser (100% client-side) to make them smaller. It uses jSquash, WASM codecs derived from the excellent Squoosh app. Convert AVIF, WebP, JPEG and more. Great for small projects.

63,462 просмотров

New in Chrome DevTools: Skip irrelevant scripts in the Flame Chart! Debugging is faster and more actionable.

New in Chrome DevTools: Skip irrelevant scripts in the Flame Chart! Debugging is faster and more actionable.

57,218 просмотров

Tip: Chrome DevTools has an Easing editor to tweak animation and transition timings 💨 We recently added linear timing support too:

Tip: Chrome DevTools has an Easing editor to tweak animation and transition timings 💨 We recently added linear timing support too:

99,107 просмотров

The View Transitions API for Single-Page Apps (SPAs) is in Chrome 111 (the new stable)! 😍 Check out Jake Archibald's fantastic guide and this awesome demo from Maxi Ferreira

The View Transitions API for Single-Page Apps (SPAs) is in Chrome 111 (the new stable)! 😍 Check out Jake Archibald's fantastic guide and this awesome demo from Maxi Ferreira

104,181 просмотров

Introducing the "Insights sidebar" in Chrome DevTools Performance panel ⚡️ Brings Lighthouse-like analysis directly into the timeline! Visualize LCP, INP, CLS bottlenecks & more in context to debug faster.

Introducing the "Insights sidebar" in Chrome DevTools Performance panel ⚡️ Brings Lighthouse-like analysis directly into the timeline! Visualize LCP, INP, CLS bottlenecks & more in context to debug faster.

31,811 просмотров

Trying View Transitions in Next.js using 's next-view-transitions library. Love how straight-forward this was.

Trying View Transitions in Next.js using 's next-view-transitions library. Love how straight-forward this was.

33,113 просмотров

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

"Cognitive surrender is when you stop thinking altogether and blindly accept the answer the AI gives you"

"Cognitive surrender is when you stop thinking altogether and blindly accept the answer the AI gives you"

130,955 просмотров • 11 дней назад

Announcing big changes to Gemini in Chrome - agentic browsing with Auto-browse, Nano Banana & more! 🚀

Announcing big changes to Gemini in Chrome - agentic browsing with Auto-browse, Nano Banana & more! 🚀

1,437,791 просмотров • 4 месяцев назад

Chrome DevTools now supports *individual* network request throttling! Folks have been asking for this for years! DevTools now allows developers to simulate slow network conditions for specific requests rather than the entire page. This helps in testing how a web application performs and handles issues when specific resources (like images, scripts, or API calls) are slow to load.

Chrome DevTools now supports individual network request throttling! Folks have been asking for this for years! DevTools now allows developers to simulate slow network conditions for specific requests rather than the entire page. This helps in testing how a web application performs and handles issues when specific resources (like images, scripts, or API calls) are slow to load.

280,842 просмотров • 4 месяцев назад

Announcing Chrome DevTools MCP! 🚀 Connect your AI coding agent to Chrome's powerful automation & debugging capabilities with ease. Key features: ✅ Reliable automation: It can programmatically handle clicks, form fills, dialogs, and page navigation with ease. ✅ Performance insights: Go beyond simple audits. Instruct your agent to record a performance trace and extract actionable insights to optimize your web apps. ✅ Advanced debugging: Empower your AI to analyze network requests, list console messages, take screenshots, and even evaluate scripts in the browser context. ✅ Browser emulation: Easily test different conditions by emulating CPU slowdowns, network throttling, or various screen sizes. Works well with modern web apps and believe this will unlock new workflows for automated testing, AI-driven debugging, and interactive web development. And there's much more to come!

Announcing Chrome DevTools MCP! 🚀 Connect your AI coding agent to Chrome's powerful automation & debugging capabilities with ease. Key features: ✅ Reliable automation: It can programmatically handle clicks, form fills, dialogs, and page navigation with ease. ✅ Performance insights: Go beyond simple audits. Instruct your agent to record a performance trace and extract actionable insights to optimize your web apps. ✅ Advanced debugging: Empower your AI to analyze network requests, list console messages, take screenshots, and even evaluate scripts in the browser context. ✅ Browser emulation: Easily test different conditions by emulating CPU slowdowns, network throttling, or various screen sizes. Works well with modern web apps and believe this will unlock new workflows for automated testing, AI-driven debugging, and interactive web development. And there's much more to come!

268,366 просмотров • 8 месяцев назад

Vibe Kanban: orchestrate multiple AI coding agents in parallel. Free and 100% open-source. Switch between Claude Code, Codex Gemini CLI, and track task status from a single dashboard.

Vibe Kanban: orchestrate multiple AI coding agents in parallel. Free and 100% open-source. Switch between Claude Code, Codex Gemini CLI, and track task status from a single dashboard.

135,948 просмотров • 4 месяцев назад

Tip: You can run multiple code agents in parallel. Works well with Gemini CLI, Claude Code + git-worktree.

Tip: You can run multiple code agents in parallel. Works well with Gemini CLI, Claude Code + git-worktree.

267,809 просмотров • 10 месяцев назад

Announcing Gemini 3.1 Pro! Google's smarter model for your most complex tasks just shipped 🚀 Demos:

Announcing Gemini 3.1 Pro! Google's smarter model for your most complex tasks just shipped 🚀 Demos:

92,320 просмотров • 3 месяцев назад

Gemini 2.5 Pro, our best coding model, is now available to all users! You can find it for free in the Gemini app as well as in Google AI Studio. Gemini Advanced users also now have access to it in Canvas mode. Cursor, @windsurf and Cline also added 2.5 Pro support this week!

Gemini 2.5 Pro, our best coding model, is now available to all users! You can find it for free in the Gemini app as well as in Google AI Studio. Gemini Advanced users also now have access to it in Canvas mode. Cursor, @windsurf and Cline also added 2.5 Pro support this week!

291,228 просмотров • 1 год назад

Quickly turn a GitHub repository into text for LLMs with Gitingest ⚡️ Replace "hub" with "ingest" in any GitHub URL for a text version of the codebase.

Quickly turn a GitHub repository into text for LLMs with Gitingest ⚡️ Replace "hub" with "ingest" in any GitHub URL for a text version of the codebase.

285,661 просмотров • 1 год назад

Announcing Gemini 2.5 Flash Image! (Nano Banana) from Google DeepMind. This model brings you state of the art image generation! Here's 7m of demos. Today marks a leap forward in AI-powered image creativity with the launch of stronger native image generation and editing in Gemini 2.5 Flash. Here's what's new: 👤 Consistent character design: Maintain a character's identity across multiple images, changing their outfits, poses, and scenes without losing their core look. 🎨 Creative composition: Seamlessly merge elements from up to three different images into a single, cohesive masterpiece. The potential for surrealist art and unique compositions is endless. ✍️ Targeted edits with natural language: Go beyond the prompt. You can now make highly specific edits like "change the background," "restore this faded photo," or "edit the character's outfit" with simple commands. ✨ Design & identity adaptation: Apply a specific style, texture, or pattern from one image to another, unlocking new possibilities for fashion, product design, and architectural visualization. I've put together a ~7-minute video demo to walk you through these features and show just how powerful they are in action. We can't wait to see what you all create! Try the model out in Google AI Studio, Gemini app or the Gemini API.

Announcing Gemini 2.5 Flash Image! (Nano Banana) from Google DeepMind. This model brings you state of the art image generation! Here's 7m of demos. Today marks a leap forward in AI-powered image creativity with the launch of stronger native image generation and editing in Gemini 2.5 Flash. Here's what's new: 👤 Consistent character design: Maintain a character's identity across multiple images, changing their outfits, poses, and scenes without losing their core look. 🎨 Creative composition: Seamlessly merge elements from up to three different images into a single, cohesive masterpiece. The potential for surrealist art and unique compositions is endless. ✍️ Targeted edits with natural language: Go beyond the prompt. You can now make highly specific edits like "change the background," "restore this faded photo," or "edit the character's outfit" with simple commands. ✨ Design & identity adaptation: Apply a specific style, texture, or pattern from one image to another, unlocking new possibilities for fashion, product design, and architectural visualization. I've put together a ~7-minute video demo to walk you through these features and show just how powerful they are in action. We can't wait to see what you all create! Try the model out in Google AI Studio, Gemini app or the Gemini API.

158,974 просмотров • 9 месяцев назад

🚀 Announcing Gemini CLI - your open-source AI agent for the terminal. Powered by Gemini 2.5 Pro. What's inside: 🧬 1M token context 🚦 60 req/min, 1K/day 🔐 Secure shell access 🧭 Web-grounded reasoning 🧰 Plugins + MCP 🗂️ Filesystem I/O 🧑‍🔧 Dev loop ready 📦 Open source - deeply customizable

🚀 Announcing Gemini CLI - your open-source AI agent for the terminal. Powered by Gemini 2.5 Pro. What's inside: 🧬 1M token context 🚦 60 req/min, 1K/day 🔐 Secure shell access 🧭 Web-grounded reasoning 🧰 Plugins + MCP 🗂️ Filesystem I/O 🧑‍🔧 Dev loop ready 📦 Open source - deeply customizable

169,749 просмотров • 11 месяцев назад

Gemini 3.0 Pro is at great 3D design and front-end. It can generate complex 3D scenes and Three.js objects from text prompts. Here's a nice retro-future example from cris.

Gemini 3.0 Pro is at great 3D design and front-end. It can generate complex 3D scenes and Three.js objects from text prompts. Here's a nice retro-future example from cris.

90,189 просмотров • 5 месяцев назад

Announcing Gemini 3.1 Flash-Lite! ⚡️📷 Our fastest and most cost-efficient Gemini 3 series model yet. A 45 % increase in output speed and it outperforms 2.5 Flash. It also has dynamic thinking levels to match task complexity. Demo:

Announcing Gemini 3.1 Flash-Lite! ⚡️📷 Our fastest and most cost-efficient Gemini 3 series model yet. A 45 % increase in output speed and it outperforms 2.5 Flash. It also has dynamic thinking levels to match task complexity. Demo:

52,727 просмотров • 3 месяцев назад

Introducing Chrome's new Split View: see two web pages side-by-side in one tab ✨

Introducing Chrome's new Split View: see two web pages side-by-side in one tab ✨

86,081 просмотров • 5 месяцев назад

Announcing the Gemini Live API is now generally available! Try it on @GoogleCloud and Google AI Studio. Here's my JARVIS demo:

Announcing the Gemini Live API is now generally available! Try it on @GoogleCloud and Google AI Studio. Here's my JARVIS demo:

73,259 просмотров • 5 месяцев назад

"Gemini 2.5 Pro builds a React Movie app with auth in under 8 mins" My demo using Gemini and Cline:

"Gemini 2.5 Pro builds a React Movie app with auth in under 8 mins" My demo using Gemini and Cline:

125,522 просмотров • 1 год назад

Excited to share my new YouTube series on Software Engineering Effectiveness! Made with Google for Developers

Excited to share my new YouTube series on Software Engineering Effectiveness! Made with Google for Developers

60,701 просмотров • 5 месяцев назад

🚀 Gemini in Chrome is here! US users will get AI-powered tab summaries, YouTube summaries, calendar integration & smart search in the Omnibox - no Google AI sub needed! Enhanced safety too. More agentic features soon!

🚀 Gemini in Chrome is here! US users will get AI-powered tab summaries, YouTube summaries, calendar integration & smart search in the Omnibox - no Google AI sub needed! Enhanced safety too. More agentic features soon!

75,810 просмотров • 8 месяцев назад

We released Canvas in Gemini this week, allowing you to code and preview React/JS components quickly. Here's a one-shot Stock market component 👀

We released Canvas in Gemini this week, allowing you to code and preview React/JS components quickly. Here's a one-shot Stock market component 👀

116,321 просмотров • 1 год назад