Addy Osmani's banner

Addy Osmani

@addyosmani • 406,536 subscribers

Engineering & DevRel Leader, Prev: Director @GoogleCloud AI/Gemini ✨, Eng Lead @GoogleChrome • Author @OReillyMedia • Great user, developer & AI experiences

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!

687,201 просмотров

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 👀

130,188 просмотров

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,412 просмотров

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,183 просмотров

A first look at View Transitions working in Safari!

A first look at View Transitions working in Safari!

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

"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 просмотров

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,114 просмотров

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 просмотров

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,222 просмотров

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,850 просмотров

Tip: Chrome DevTools now supports breadcrumbs in Performance Panel! Set, jump, & zoom between key moments. You can also set nested breadcrumbs.

Tip: Chrome DevTools now supports breadcrumbs in Performance Panel! Set, jump, & zoom between key moments. You can also set nested breadcrumbs.

47,297 просмотров

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

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,438,565 просмотров • 5 месяцев назад

"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"

141,762 просмотров • 1 месяц назад

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.

281,196 просмотров • 6 месяцев назад

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,762 просмотров • 9 месяцев назад

Long-running AI agents can run tasks over hours, days or weeks. Here's a few of my thoughts on them from Google Cloud's Agent Factory.

Long-running AI agents can run tasks over hours, days or weeks. Here's a few of my thoughts on them from Google Cloud's Agent Factory.

45,334 просмотров • 1 месяц назад

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,962 просмотров • 1 год назад

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 просмотров • 6 месяцев назад

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,368 просмотров • 1 год назад

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,423 просмотров • 4 месяцев назад

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,910 просмотров • 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.

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

🚀 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,838 просмотров • 1 год назад

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 просмотров • 7 месяцев назад

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,140 просмотров • 7 месяцев назад

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:

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

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 просмотров • 7 месяцев назад

"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 год назад

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,346 просмотров • 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,717 просмотров • 7 месяцев назад