
New on mobile: Draft and send emails, messages, and calendar invites directly from the Claude app.
The Hook
“(No spoken dialogue — Ambient electronic score with pizzicato synths and sub-bass establishes a modern, anticipatory mood.)”
Product Reveal
“(No spoken dialogue — The electronic score maintains its driving rhythm, emphasizing the seamless interaction.)”
Feature Teaser
“(No spoken dialogue — The score continues, building a sense of efficiency and capability.)”
Call to Action
“(No spoken dialogue — High-energy audio transition and riser at 0:26, followed by a sub-bass drop/impact at 0:27, signaling a significant reveal.)”
Call to Action
“(No spoken dialogue — The driving electronic score continues, with a final high-energy audio transition and riser at 0:38, followed by a sub-bass drop/impact at 0:39, leading to the concluding screen.)”
Synthesizable in Remotion · key components of the ai-mobile-productivity-showcase template.
Text appears character by character, simulating real-time typing, often accompanied by a blinking cursor. This creates a dynamic and engaging way to present dialogue or user input.
Use `interpolate` to animate the `clipPath` or `width` property of a text layer based on `frame` or `progress`. A blinking cursor can be achieved with an `opacity` animation on a separate element.
UI elements, such as message bubbles, share sheets, or calendar cards, slide smoothly upwards from the bottom of the screen, often with a slight overshoot and bounce.
Employ `spring` animation for the `translateY` property of the UI component. Combine with `scale` for a subtle 'pop' effect on reveal. Ensure `overflow: hidden` on the parent container.
Seamless transitions between different app screens or views, often involving a quick slide-in/slide-out or a cross-fade, maintaining the context of the mobile device.
Utilize `interpolate` for `translateX` or `opacity` on the incoming and outgoing screens. For a native feel, consider `cubic-bezier` easing functions that mimic iOS/Android transitions.
Purpose. Establish a relatable user scenario and introduce the AI's capability to understand complex requests.
Execution. Hand-drawn sketch leading to a mobile UI, followed by a user typing a multi-part request into the chat interface.
Purpose. Demonstrate the AI's ability to generate and facilitate actions, specifically drafting and sending an email.
Execution. AI generating a detailed email draft, then seamlessly transitioning to the native mail app for sending confirmation.
Purpose. Showcase the AI's versatility in handling different types of tasks, like scheduling and calendar integration.
Execution. AI generating a calendar event, then transitioning to the native calendar app for event creation.
Purpose. Reinforce brand identity and guide the user to download the product.
Execution. Brand logo reveal, followed by a clear message about mobile availability and app store badges.
Objective
A new AI assistant, 'Synapse', that summarizes long documents and schedules virtual meetings.How the recipe adapts
The TypewriterTextReveal primitive will be used for the user's prompt asking Synapse to summarize a document. The UISlideUpReveal will animate the summary card appearing from the bottom. When the user asks to schedule a meeting, the AppScreenTransition will smoothly move from the chat interface to a virtual meeting platform's scheduling screen, pre-filled by Synapse. The color palette will shift slightly to a cool blue-grey, but maintain the overall minimalist aesthetic.Scene durations (5 scenes, 44s)
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