Scene-by-scene timeline & spoken transcript
The Hook
Title Reveal
“(No spoken dialogue — ambient electronic synth track)”
- On screen
- Learn the motion behind the apps you love. Introducing Motion Capture Turn the motion you love into prompts.
- Camera
- Slow zoom-out over a blurred, tilted app UI grid with centered typography transitions.
- Motion
- Depth-of-field rack focus and smooth text cross-fades.
Product Reveal
Device Connection & Capture
“(No spoken dialogue — synth beat and UI click sound effects)”
- On screen
- Capture any app. Plug in your iPhone and press record. Display Window Area iPhone Plug in your iPhone or iPad Use a cable. Unlock it and tap Trust if it asks. Charging iPhone 17 Pro Keep it unlocked while you record. Record 0:01 / 2:00 Stop Library Albums Playlists Songs Night Skies Paper Moon Velvet Hour Soft Hours
- Camera
- Static front view centered on floating interactive macOS-style HUD and connected phone mockup.
- Motion
- Interactive mouse cursor triggers, spring-based cable insertion, and real-time screen capture recording.
Feature Teaser
Physics Breakdown & Timeline
“(No spoken dialogue — upbeat electronic music)”
- On screen
- See why it feels good. Every moment, broken down. Design breakdown Learn to describe design Breakdown Prompt Timeline 2.12s The artwork grows out of the mini player. One object, not a new screen. 2.29s It overshoots about 5%, then settles. That's the feel. 2.36s The controls follow on the same spring, 40 ms apart. +5%
- Camera
- Split layout with phone preview on left and breakdown card on right.
- Motion
- Interactive hover scrubbers linking UI timeline timestamps directly to iPhone visual state.
Feature Teaser
Scrubbing & Preference Tagging
“(No spoken dialogue — electronic music)”
- On screen
- Mark what you love. Your agent remembers it. Leave the light on low, we can take it slow. Soft hours, soft hours, let the evening go. Soft Hours Juno Vale Avoid Lyrics fade in too slowly. 01:07 - 01:09 Keep This overshoot. 0:02
- Camera
- Centered frame highlighting filmstrip scrubber alongside mini player.
- Motion
- Filmstrip selection box expansion and animated pill tag popovers.
Feature Teaser
Prompt Copy & Agent Workflow
“(No spoken dialogue — electronic rhythm and typing sounds)”
- On screen
- Copy the prompt. Paste it into your coding agent. Design breakdown Learn to describe design Breakdown Prompt Timeline Open the mini player into the full player as one continuous shape. Move its frame, corner radius and artwork together on a spring (response 0.42, damping 0.7) so it overshoots about 5% and settles. Bring the controls in on the same spring, 40 ms apart. Move things in; don't fade them. Copy prompt Copied ~/trips Prompt from Taste - Player open Use this motion for my trip card. Taste get_motion_reference Spring 0.42 / 0.7 - 40 ms Taste get_taste_profile Springy - no slow fades Edit TripCard.swift +48 -12
- Camera
- Cut to design breakdown modal, followed by terminal agent window.
- Motion
- Button state shift to 'Copied' and sequential CLI step execution with badge indicators.
Feature Teaser
Side-by-Side Validation
“(No spoken dialogue — electronic beat)”
- On screen
- Same feel. Your design. An app you love Your app response 0.42 damping 0.7 stagger 40 ms Lisbon Soft Hours Juno Vale View tickets
- Camera
- Symmetrical two-column comparison with synchronized interactive spring graph in the center.
- Motion
- Synchronized looping spring curves animating two distinct app UI components simultaneously.
Call to Action
Brand Outro
“(No spoken dialogue — resolving music swell)”
- On screen
- Motion Capture Now in Taste. buildwithtaste.com
- Camera
- Static centered typographic lockup over blurred app background grid.
- Motion
- Smooth alpha fade-in of logo and domain text.
Motion design primitives
Synthesizable in Remotion · key components of the taste-motion-capture-launch template.
PhysicsCurveVisualizer
Draws an animated spring curve with an oscillating point and parameter readouts.
+ Code construction recipe
Render SVG path animated via strokeDashoffset driven by Remotion spring physics; sync label text with current frame.
DeviceFilmstripScrubber
Horizontal thumbnail sequence with interactive selection range indicator and floating tag labels.
+ Code construction recipe
Flex container mapping frame thumbnails, using interpolate() on cursor position to scale active frame and trigger tooltip pills.
CliAgentProgress
Terminal card rendering sequential action rows with checkmark badges and dynamic code diff numbers.
+ Code construction recipe
Stagger child rows using frame offsets; animate line-height and opacity while color-coding inserted/deleted line counts.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
Hook
Purpose. Define value proposition: extracting motion design into prompts.
Execution. Bold center text against blurred, shifting mobile app wall.
- 2
Setup & Capture
Purpose. Demonstrate simplicity of hardware connection and screen recording.
Execution. Animated cable plug-in to device and one-click capture.
- 3
Deconstruction
Purpose. Prove mechanical precision through granular timeline analysis.
Execution. Interactive hover scrubbers linking UI movements to exact milliseconds and overshoot metrics.
- 4
Handoff to Code
Purpose. Bridge visual observation to developer execution.
Execution. One-click prompt copy into terminal AI agent completing code diffs.
- 5
Result & Proof
Purpose. Validate that the custom app matches the reference app's exact physics.
Execution. Dual-phone side-by-side sync showing identical motion curves.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Launch a design-to-code tool that extracts micro-interactions from web pages into React motion components.How the recipe adapts
Replace mobile phone frames with desktop browser windows, capture hover and click gestures instead of mobile gestures, and route copied prompts into VS Code or a modern AI editor.Remix blueprint · taste-motion-capture-launch
Scene durations (7 scenes, 36s)
Key Remotion components
Related AI & ML Product Launches
Explore all AI & ML launches →
Introducing Griffin, the first AI to pass the video Turing test
The most emotive and controllable TTS model
We just released QVAC TranscribePsy, a speech-to-text model small enough to run inside a phone app. It covers 25 European languages on a laptop and 8 on a phone, and on an iPhone 17 Pro Max's Ne