
We’ve developed Claude for Chrome, where Claude works directly in your browser and takes actions on your behalf. We’re releasing it at first as a research preview to 1,000 users, so we can gather real-world insights on how it’s used.
The Hook
“(No spoken dialogue — Pizzicato synths introduce a rhythmic, arpeggiated melody. A deep sub-bass provides a foundational rumble. A high-energy audio riser builds.)”
Product Reveal
“(No spoken dialogue — Sub-bass drop/impact at 0:05. The rhythmic synth melody continues with atmospheric textures.)”
Feature Teaser
“(No spoken dialogue — A significant audio riser occurs at 0:15, culminating in a powerful sub-bass impact at 0:16. The rhythmic synth continues.)”
Call to Action
“(No spoken dialogue — The rhythmic synth melody fades out, leaving a clean, modern atmospheric texture.)”
Synthesizable in Remotion · key components of the ai-browser-agent-launch template.
A simple, hand-drawn outline of a monitor appears, followed by a line drawing itself on the screen, and then a mouse cursor drawing itself and moving to interact with an icon.
Use SVG path animations with `stroke-dasharray` and `stroke-dashoffset` for the drawing effect. Animate cursor position with `spring()` for a natural, slightly bouncy movement. Apply a subtle `noise` filter for a hand-drawn texture.
A browser window slides into view, and a mouse cursor clicks an extension icon. A side panel then smoothly slides out, and text types itself into an input field, followed by dynamic content updates and scrolling.
Implement `interpolate()` for smooth sliding transitions of the browser and side panel. Use `typewriter` effect for text input. Animate UI elements (like permission prompts) with `spring()` for responsive feedback. Utilize `scroll` components for content updates.
Key textual messages appear with a gentle, slightly delayed reveal, sometimes accompanied by a small, informative badge that fades in.
Apply `delay` and `fade` animations for text and badges. Use `scale` with a `spring()` function for a subtle 'pop' effect on text reveal. Ensure consistent typography and color palette.
Purpose. To set a calm, intriguing tone and introduce the product's availability.
Execution. Muted background with elegant serif text, followed by a simple, hand-drawn animation.
Purpose. To demonstrate the product's core functionality and ease of use within a familiar environment.
Execution. Detailed screen recordings of browser interactions, highlighting the AI agent's capabilities through typing and UI manipulation.
Purpose. To showcase the breadth of tasks and applications the product can handle across different platforms.
Execution. Rapid cuts between various browser tabs (Zillow, Google Docs, DoorDash, Salesforce) demonstrating diverse use cases.
Purpose. To solidify the brand identity and leave a lasting impression of the product's core value proposition.
Execution. Return to minimalist text and logo, emphasizing the 'thinking partner' concept and the Claude brand.
Objective
Launch an AI-powered email assistant that drafts responses and summarizes threads directly within Gmail.How the recipe adapts
The HandDrawnUIReveal primitive would show a hand-drawn envelope icon transforming into a browser extension. The BrowserExtensionInteraction primitive would demonstrate the AI assistant's side panel in Gmail, showing it drafting an email or summarizing a thread. The SubtleTextEmphasis primitive would highlight key benefits like 'Smart Drafts' or 'Instant Summaries'. The overall pacing and clean aesthetic would be maintained, with the brand's logo and tagline appearing at the end.Scene durations (4 scenes, 32s)
Key Remotion components
To ensure that artificial general intelligence benefits all of humanity

Gopuff introduces Go, an AI shopping assistant built with SpaceXAI: say what you need and the order is placed.

Iliad (Troy) trailer made by Grok Imagine 1.5, which was just released