Scene-by-scene timeline & spoken transcript
The Hook
Voice Input & Real-time Transcription
“GM! Can I get your approval for the board deck review at 2pm?”
- On screen
- 9:41 GM! Can I get your approval for the board deck review at 2pm? Updated the numbers based on today's
- Camera
- Static close-up on a smartphone screen, slightly angled, showing a messaging interface.
- Motion
- Audio waveform visualization reacting to spoken dialogue, with a subtle pulsing effect on the AI agent's icon.
Product Reveal
AI Agent Activation & Listening State
“(No spoken dialogue — The music features a lo-fi, chill-hop aesthetic with a prominent, warm sub-bass line, a simple, laid-back drum beat with a soft kick and snare, and a subtle, atmospheric synth pad. There are no high-energy transitions, risers, sweeps, or sub-bass drops/impacts; the track maintains a consistent, mellow groove throughout.)”
- On screen
- Ask Deckster
- Camera
- Zoom-in on the 'Ask Deckster' input field, then a quick zoom-out to reveal the full voice input interface.
- Motion
- Smooth zoom and pan, followed by a subtle glow and pulse animation on the microphone icon, indicating active listening.
Feature Teaser
Continuous Voice Interaction & Processing
“Updated the numbers based on today's meeting. Can you send me the Notion link for the Q3 board deck v5? And can you grab me a coffee? Thanks! Have a good Thursday!”
- On screen
- 9:41 GM! Can I get your approval for the board deck review at 2pm? Updated the numbers based on today's
- Camera
- Static close-up on the smartphone screen, maintaining the messaging interface view.
- Motion
- Dynamic audio waveform visualization, with color changes (purple to green) indicating different speakers or processing states. Text appears as if being transcribed in real-time.
Feature Teaser
AI Action & Integration
“(No spoken dialogue — The music features a lo-fi, chill-hop aesthetic with a prominent, warm sub-bass line, a simple, laid-back drum beat with a soft kick and snare, and a subtle, atmospheric synth pad. There are no high-energy transitions, risers, sweeps, or sub-bass drops/impacts; the track maintains a consistent, mellow groove throughout.)”
- On screen
- docs.google.com Can you add a slide for headcount and pull from Rippling Proposal for Parker: Q3 board deck v5 N Notion
- Camera
- Smooth vertical scroll revealing new messages and a Notion link.
- Motion
- Subtle text reveal animation, followed by a smooth scroll and a 'card' animation for the Notion link, suggesting an action being completed.
Call to Action
Brand Reveal & Tagline
“(No spoken dialogue — The music features a lo-fi, chill-hop aesthetic with a prominent, warm sub-bass line, a simple, laid-back drum beat with a soft kick and snare, and a subtle, atmospheric synth pad. There are no high-energy transitions, risers, sweeps, or sub-bass drops/impacts; the track maintains a consistent, mellow groove throughout.)”
- On screen
- Grok Bot
- Camera
- Full screen white background, static shot.
- Motion
- Simple, clean text reveal animation for 'Grok Bot', with a subtle bounce or spring effect on the letters.
Motion design primitives
Synthesizable in Remotion · key components of the calm-ui-voice-assistant-launch template.
AudioWaveformVisualizer
A dynamic horizontal waveform visualizer that reacts in real-time to spoken dialogue, changing color to indicate different states (e.g., listening, processing).
+ Code construction recipe
Utilize Remotion's <Audio> component to extract audio data. Map audio amplitude to SVG path data for the waveform. Interpolate color changes based on scene context or speaker detection. Apply a subtle `spring()` animation for responsive peaks and troughs.
ContextualIconPulse
Interactive icons (like a microphone or AI agent avatar) exhibit a subtle, rhythmic pulse or glow to signify active states such as listening or processing.
+ Code construction recipe
Implement a `loop()` animation with `spring()` for a gentle scale and opacity change on the icon. Use `interpolate()` to control the glow intensity based on the audio input or internal processing state.
SmoothContentScrollReveal
New content, such as messages or linked cards, appears with a smooth vertical scroll and a gentle fade-in or slide-up animation.
+ Code construction recipe
Employ `interpolate()` for `translateY` and `opacity` properties. Combine with a `spring()` function for a natural, slightly elastic feel as new elements enter the viewport. Use `Sequence` and `AbsoluteFill` for precise timing and layering of content.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
The Conversational Opener
Purpose. Immediately establishes the product's core functionality: natural language voice interaction for work tasks.
Execution. Close-up on a phone screen showing a voice message being transcribed, with a dynamic audio waveform.
- 2
The Agent Awakens
Purpose. Introduces the AI agent ('Deckster') and its active listening state, highlighting its readiness to assist.
Execution. Zoom into the 'Ask Deckster' input field, followed by a pulsing microphone icon and a subtle UI shift.
- 3
Seamless Task Execution
Purpose. Demonstrates the AI's ability to understand complex requests and integrate with other tools.
Execution. Continued voice interaction with the waveform, followed by a smooth scroll revealing a Notion link, implying the task was completed.
- 4
Brand Identity Reveal
Purpose. Concludes by revealing the product's name, linking the demonstrated functionality to the brand.
Execution. Clean, full-screen white background with the 'Grok Bot' logo and name appearing with a simple animation.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Launch a new smart home assistant called 'Aura' that responds to voice commands.How the recipe adapts
The video would open with a close-up of a smart speaker's interface, showing a voice command like 'Aura, dim the living room lights to 50%'. An AudioWaveformVisualizer would animate the spoken words. The Aura icon would use ContextualIconPulse to show it's listening. Subsequent scenes would show smooth UI transitions (SmoothContentScrollReveal) on a connected tablet or phone, confirming actions like 'Playing chill-hop playlist' or 'Reminder set for 7 PM'. The color palette would shift to soft blues and greens for smart home controls, maintaining the overall calm aesthetic. The final scene would be a clean, white background revealing the 'Aura Home Assistant' logo with a gentle text animation.Remix blueprint · calm-ui-voice-assistant-launch
Scene durations (5 scenes, 30s)
Key Remotion components
Related AI Agents Product Launches
Explore all AI Agents launches →
To ensure that artificial general intelligence benefits all of humanity
Introducing Claude Fable 5: a Mythos-class model that we’ve made safe for general use. Its capabilities exceed those of any model we’ve ever made generally available. https://t.co/2AvmEjHIX8
To understand the true nature of the universe.