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.

Teach your coding agent to write scroll-driven animations with Modern Web Guidance → See how Modern Web Guidance helps your coding agent build resilient scroll animations that won't break on different screen sizes.

Chrome for Developers

424,449 subscribers

14,666 views • 18 days ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

1 Comments

Dmitry Noranovich17 days ago

Discuss the video on Reddit

Related Videos

Ever watched your coding agent confidently write massive amounts of JavaScript for a simple swipe gesture, only for the animation to stutter? 😅 Watch our side-by-side test: with Modern Web Guidance enabled, the coding agent pulls expert-vetted swipe-to-remove guide into its context window, handling features like scroll snap and intersection observer with ease →

Ever watched your coding agent confidently write massive amounts of JavaScript for a simple swipe gesture, only for the animation to stutter? 😅 Watch our side-by-side test: with Modern Web Guidance enabled, the coding agent pulls expert-vetted swipe-to-remove guide into its context window, handling features like scroll snap and intersection observer with ease →

Chrome for Developers

19,239 views • 24 days ago

Ensure your coding agent creates more accessible, progressively enhanced web forms, with Modern Web Guidance. Watch our side-by-side comparison to discover how Modern Web Guidance skills help agents handle: ⌨️ Adding the Enter key hint attribute 🏷️ Correct autocomplete values 🎨 Autofill styling as a progressive enhancement See it in action →

Ensure your coding agent creates more accessible, progressively enhanced web forms, with Modern Web Guidance. Watch our side-by-side comparison to discover how Modern Web Guidance skills help agents handle: ⌨️ Adding the Enter key hint attribute 🏷️ Correct autocomplete values 🎨 Autofill styling as a progressive enhancement See it in action →

Chrome for Developers

13,707 views • 11 days ago

Vibe coding works… until your agent confidently builds the wrong thing. Write specs first. Keep your agent aligned with what you actually want to build. Enroll in our Spec-Driven Development course to learn a more intentional way to build with coding agents:

Vibe coding works… until your agent confidently builds the wrong thing. Write specs first. Keep your agent aligned with what you actually want to build. Enroll in our Spec-Driven Development course to learn a more intentional way to build with coding agents:

DeepLearning.AI

14,291 views • 5 months ago

Loved scroll-driven animations? Meet their scroll-triggered sibling. Instead of tying animation progress directly to the scrollbar, you can trigger full time-based CSS animations when crossing a scroll offset. See how to build them with pure CSS →

Loved scroll-driven animations? Meet their scroll-triggered sibling. Instead of tying animation progress directly to the scrollbar, you can trigger full time-based CSS animations when crossing a scroll offset. See how to build them with pure CSS →

Chrome for Developers

13,797 views • 16 days ago

Ship anything with Agent 4 - Build web & mobile apps, slides, animations - Chat with connected services (Notion, Google Apps etc) to optimize your workflow - Build data apps or chat with your data to analyze

Ship anything with Agent 4 - Build web & mobile apps, slides, animations - Chat with connected services (Notion, Google Apps etc) to optimize your workflow - Build data apps or chat with your data to analyze

Replit ⠕

28,145 views • 7 months ago

🔗 Announcing LangChain OSS Skills LangChain has the most popular frameworks for building AI agents — and now your coding agent can be an expert in it. We're excited to release the first iteration of LangChain OSS Skills, giving your agent expertise in our open source frameworks. The skills include guidance on how to use langchain, langgraph, and deepagents to effectively build agents. ➡️ Install our OSS skills for your coding agent here: ➡️ Read more:

🔗 Announcing LangChain OSS Skills LangChain has the most popular frameworks for building AI agents — and now your coding agent can be an expert in it. We're excited to release the first iteration of LangChain OSS Skills, giving your agent expertise in our open source frameworks. The skills include guidance on how to use langchain, langgraph, and deepagents to effectively build agents. ➡️ Install our OSS skills for your coding agent here: ➡️ Read more:

LangChain OSS

65,840 views • 7 months ago

Introducing agent skills for React Native Storybook Teach your coding agent to: - Setup any project React Native project with Storybook - Write stories like a pro npx skills add storybookjs/react-native

Introducing agent skills for React Native Storybook Teach your coding agent to: - Setup any project React Native project with Storybook - Write stories like a pro npx skills add storybookjs/react-native

Daniel Williams

17,940 views • 8 months ago

New course: Spec-Driven Development with Coding Agents, built in partnership with JetBrains, and taught by Paul Everitt | @pauleveritt@fosstodon.org. Vibe coding is fast, but often produces code that doesn't match what you asked for. This short course teaches you spec-driven development: write a detailed spec defining what to build, and work with your coding agent to implement it. Many of the best developers already build this way. A spec lets you control large code changes with a few words, preserve context across agent sessions, and stay in control as your project grows in complexity. Skills you'll gain: - Write a detailed specification to define your mission, tech stack, and roadmap, giving your agent the context it needs from the start - Plan, implement, and validate features in iterative loops using a spec as your agent's guide - Apply the same repeatable workflow to both new and legacy codebases - Package your workflow into a portable agent skill that works across agents and IDEs Join and write specs that keep your coding agent on track!

New course: Spec-Driven Development with Coding Agents, built in partnership with JetBrains, and taught by Paul Everitt | @[email protected]. Vibe coding is fast, but often produces code that doesn't match what you asked for. This short course teaches you spec-driven development: write a detailed spec defining what to build, and work with your coding agent to implement it. Many of the best developers already build this way. A spec lets you control large code changes with a few words, preserve context across agent sessions, and stay in control as your project grows in complexity. Skills you'll gain: - Write a detailed specification to define your mission, tech stack, and roadmap, giving your agent the context it needs from the start - Plan, implement, and validate features in iterative loops using a spec as your agent's guide - Apply the same repeatable workflow to both new and legacy codebases - Package your workflow into a portable agent skill that works across agents and IDEs Join and write specs that keep your coding agent on track!

Andrew Ng

466,697 views • 6 months ago

The Codiumate-Agent is the first step towards tandem development with your coding agent. It effortlessly slots into your development workflow, helps you be smart about your planning, and offers smart coding completions that make every feature development smoother.

The Codiumate-Agent is the first step towards tandem development with your coding agent. It effortlessly slots into your development workflow, helps you be smart about your planning, and offers smart coding completions that make every feature development smoother.

Qodo

774,196 views • 2 years ago

Gemini Agent uses Gemini 3’s advanced reasoning to break up complex tasks into smaller steps. With your permission, it can connect to your apps like Gmail or Calendar or even browse the web for you, under your guidance. Here’s how it works ↓

Gemini Agent uses Gemini 3’s advanced reasoning to break up complex tasks into smaller steps. With your permission, it can connect to your apps like Gmail or Calendar or even browse the web for you, under your guidance. Here’s how it works ↓

Google Gemini

105,637 views • 11 months ago

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!

Addy Osmani

269,736 views • 1 year ago

Side-by-side test for building dialogs: standard agent vs. agent with Modern Web Guidance 🏁 Both generate similar UIs, but the guided version skips four separate event listeners in favor of `commandfor` and `command` attributes, with less code overall. Which approach would you rather maintain in your codebase? →

Side-by-side test for building dialogs: standard agent vs. agent with Modern Web Guidance 🏁 Both generate similar UIs, but the guided version skips four separate event listeners in favor of `commandfor` and `command` attributes, with less code overall. Which approach would you rather maintain in your codebase? →

Chrome for Developers

10,917 views • 4 days ago

You can now use TinyFish in Grok Build. Search, Fetch, Agent, and Browser all under one plugin inside SpaceXAI's coding agent. Give Grok Build a real connection to the live web and let it work across any site from your terminal.

You can now use TinyFish in Grok Build. Search, Fetch, Agent, and Browser all under one plugin inside SpaceXAI's coding agent. Give Grok Build a real connection to the live web and let it work across any site from your terminal.

TinyFish

228,566 views • 2 months ago

Introducing Tidewave Web for Rails and Phoenix: a coding agent that runs in the browser alongside your web application, with full page and code context. Tidewave deeply integrates with your stack, from the database to the UI, making AI development more seamless and efficient.

Introducing Tidewave Web for Rails and Phoenix: a coding agent that runs in the browser alongside your web application, with full page and code context. Tidewave deeply integrates with your stack, from the database to the UI, making AI development more seamless and efficient.

José Valim

101,322 views • 1 year ago

Excited to introduce Ara, The cloud coding agent Bring your codex subscription and code with your teammate that uses claude code, together in web. Try it with a 100$ on us. Now generally available for the top coders

Excited to introduce Ara, The cloud coding agent Bring your codex subscription and code with your teammate that uses claude code, together in web. Try it with a 100$ on us. Now generally available for the top coders

Adi Singh

75,775 views • 3 months ago

Your coding agent can now make your website better for visiting AI agents. Lighthouse audits are now available inside DevTools for agents, including the new agentic browsing category. See how to build a closed feedback loop for this and 4 other categories of web fixes →

Your coding agent can now make your website better for visiting AI agents. Lighthouse audits are now available inside DevTools for agents, including the new agentic browsing category. See how to build a closed feedback loop for this and 4 other categories of web fixes →

Chrome for Developers

17,552 views • 2 months ago

Build your next website with Dart and Jaspr 🌐 Craig catches up with Argel Bejarano 💙, Senior Staff Engineer at Aplazo to discuss how Jaspr compares to Flutter Web and how easily AI coding agents integrate into your web workflow.

Build your next website with Dart and Jaspr 🌐 Craig catches up with Argel Bejarano 💙, Senior Staff Engineer at Aplazo to discuss how Jaspr compares to Flutter Web and how easily AI coding agents integrate into your web workflow.

Flutter

12,126 views • 25 days ago

We're working on making Linear your favorite launchpad for cloud coding agents Today's update adds a preview terminal attached to your coding environment, before starting an agent. Never interrogate your agent about how it set up the environment again 🫡

We're working on making Linear your favorite launchpad for cloud coding agents Today's update adds a preview terminal attached to your coding environment, before starting an agent. Never interrogate your agent about how it set up the environment again 🫡

Ryan Delaney

14,014 views • 22 days ago