Claude · Launch Video Breakdown: Hook, Pacing & Motion Design
Your work tools in Claude are now available on mobile. Explore Figma designs, create Canva slides, check Amplitude dashboards, all from your phone. Give it a try:
Scene-by-scene timeline & spoken transcript
The Hook
Abstract Intro & Mobile UI Reveal
“(No spoken dialogue — Abstract shapes animate and resolve into a mobile UI, accompanied by a consistent, driving beat with pizzicato synth melodies.)”
- On screen
- (No on-screen text)
- Camera
- Static, then a subtle zoom into a mobile phone screen.
- Motion
- Shape morphing, scale and opacity transitions, UI reveal.
Product Reveal
Claude Integrates with Amplitude
“(No spoken dialogue — The driving beat continues with playful synth melodies. No high-energy audio transitions.)”
- On screen
- Nicole Hi! Activation has really taken off since Monday. Prob worth digging into before the team retro 👀 How can I help you this morning? Our platform's activation rate has jumped significantly over the past few days. What's driving it? Amplitude Activation rate Daily, Last 10 days | Amplitude 2.0 Found it. A new onboarding flow was deployed on Monday that has already improved activations by 40%. Mar 8 29.1% 19.2% Deploy New onboarding cohort Baseline Feb 28 Mar 2 Mar 4 Mar 6 Mar 8 Mar 10
- Camera
- Static mobile screen, then a subtle pan down to reveal more content.
- Motion
- Typing animation, data visualization reveal, content scroll.
Feature Teaser
Claude Integrates with Figma & Canva
“(No spoken dialogue — The consistent beat and pizzicato synth melodies maintain a steady groove.)”
- On screen
- Makes sense! Can you show me where the old flow was losing people? Figma Before - 22% activation After - 61% activation Open in Figma Yep, let's make a short deck for the upcoming team retro. Canva Onboarding redesign 1 The signal Activation rate jumped 40% starting March 8, with the new onboarding cohort running 12 points above baseline and ho... 2 Root cause A mandatory profile setup step was causing a 38% drop-off before users reached their first value moment, makin... 3 By the numbers Customize Generate design Here's your deck — 5 slides covering the signal, root cause, and impact numbers. Ready to share or
- Camera
- Vertical scrolling within the mobile UI, subtle content reveals.
- Motion
- Content reveal, UI element animation, horizontal slide transition for deck preview.
Call to Action
Claude Branding & Call to Action
“(No spoken dialogue — The driving beat and synth melodies continue, leading to a final, sustained note for the brand reveal.)”
- On screen
- Claude
- Camera
- Zoom out from the mobile UI to a full-screen brand logo.
- Motion
- Scale animation, text reveal, brand logo animation.
Motion design primitives
Synthesizable in Remotion · key components of the nexus-productivity-ai-mobile-launch template.
AbstractShapeMorph
Geometric shapes (squares, circles, triangles) with a hand-drawn, slightly irregular aesthetic morph and combine, then resolve into a more structured form or UI element. The animation is fluid and organic.
+ Code construction recipe
Utilize SVG path interpolation for shape morphing. Apply a 'rough' or 'scribble' SVG filter for the hand-drawn aesthetic. Animate path 'd' attribute with `interpolate` and `spring` for organic movement. Use `opacity` and `scale` for entrance/exit.
TypingContentReveal
Text content appears as if being typed in real-time within a chat interface, followed by a response or a data visualization. This creates a conversational and interactive feel.
+ Code construction recipe
Implement character-by-character text reveal using `map` over string characters and `delay` for each character's `opacity` and `scale` animation. Use `sequence` to chain typing animations with subsequent UI element reveals (e.g., data charts, image embeds).
MobileUIScrollReveal
Content within a mobile phone UI scrolls vertically or horizontally, revealing new information or integrated application interfaces. Key elements like charts or diagrams animate into view as they are scrolled to.
+ Code construction recipe
Simulate scrolling with `translateY` or `translateX` on a container element. Use `interpolate` with `scroll` progress to trigger `opacity`, `scale`, and `translate` animations for elements entering the viewport. Employ `clipPath` to maintain the mobile screen boundary.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
The Conversational Prompt
Purpose. Establishes the AI's helpful nature and sets up the problem-solving scenario.
Execution. A Slack notification appears, followed by the AI's prompt 'How can I help you this morning?' with typing animation.
- 2
Data-Driven Insight
Purpose. Demonstrates the AI's ability to analyze data from integrated tools.
Execution. User types a query, Claude integrates with Amplitude, and a detailed activation rate chart is displayed with key data points highlighted.
- 3
Problem Identification & Solution
Purpose. Highlights the AI's capability to diagnose issues and propose solutions across platforms.
Execution. Claude integrates with Figma to show user flow diagrams, identifying a drop-off point, then suggests creating a presentation in Canva.
- 4
Seamless Content Creation
Purpose. Showcases the AI's power to generate actionable content from insights.
Execution. Claude generates a multi-slide presentation in Canva based on the Amplitude and Figma findings, with a quick preview.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
A user needs to quickly get a summary of their project's status, identify recent critical code changes, and draft a project update for stakeholders.How the recipe adapts
The video would open with the Nexus AI prompt. The user types a request for a project summary. Nexus integrates with Notion, displaying a condensed project dashboard with key metrics. Next, the user asks about recent code changes; Nexus connects to GitHub, highlighting pull requests with critical tags. Finally, the user requests a project update draft; Nexus generates a document in Google Docs, pulling data from Notion and GitHub, all within the same fluid mobile UI, using the same typing and scroll reveal animations.Remix blueprint · nexus-productivity-ai-mobile-launch
Scene durations (6 scenes, 52s)
Key Remotion components
Related Creative Tools Product Launches
Explore all Creative Tools launches →
Anthropic Labs launches Claude Design, which turns conversation into prototypes, slides and one-pagers, powered by Claude Opus 4.7.
A vibe design partner with an AI-native canvas for turning ideas into UI.
Figma Motion is here — announced live from Config 2026.