Scene-by-scene timeline & spoken transcript
The Hook
Prompt Input Execution
“(No spoken dialogue — subtle mechanical typing and interface click SFX)”
- On screen
- build a landing page for Overpass, crop maps for farmers
- Camera
- Static centered composition on floating search input.
- Motion
- Typewriter character animation followed by red send button scale pop.
Problem Agitation
Massive Reference Matrix Zoom
“(No spoken dialogue — atmospheric digital swoosh and rapid data tick SFX)”
- On screen
- inspo searching the archive 1,792 screens | 2,141 screens
- Camera
- Rapid camera pull-back revealing a wall of 2,000+ UI screenshots, then targeting 3 selected cards.
- Motion
- Dynamic counter increment with red status dot pulsing, spring zoom with checkmark badges popping into place.
Product Reveal
Design Token Extraction
“(No spoken dialogue — clean UI slide and card shuffling audio)”
- On screen
- mercury.com Arcadia | bandcamp.com Helvetica Neue | buildkite.com Aeonik
- Camera
- Centered horizontal lineup pulling smoothly into an isometric card stack.
- Motion
- Card arrangement with color palette circle reveals, followed by a physics-based 3D deck collapse.
Feature Teaser
Synthesis: Overpass Landing Page
“(No spoken dialogue — soft thud as card drops into view, ambient tech tone)”
- On screen
- See every field from orbit, before the yield map tells you. | Read the index the way an agronomist does.
- Camera
- Smooth vertical pan scrolling through the generated dark-mode agronomy UI.
- Motion
- Rounded viewport container sliding in with responsive layout rendering.
Feature Teaser
Multi-Style Agent Generations
“(No spoken dialogue — rhythmic transition snaps and page flips)”
- On screen
- a site for my bike workshop | a booking page for our tattoo studio | a menu site for my ramen shop | a page for our open source terminal
- Camera
- Fixed camera framing while viewport contents swap rapidly.
- Motion
- Top floating prompt capsule flips queries while page designs transition dynamically with distinct editorial typography.
Call to Action
Manifesto & Open Source Callout
“(No spoken dialogue — resolving low-frequency bass drop and crisp logo ping)”
- On screen
- Your agent doesn't have taste. Lend it some. | Inspo. | MCP · Free and open source | inspomcp.dev
- Camera
- Static centered typographic display.
- Motion
- Serif copy opacity fade with a red accent period accentuating the brand mark reveal.
Motion design primitives
Synthesizable in Remotion · key components of the ai-design-engine-reveal template.
ArchiveGridZoom
Zoom from a single UI search bar to a dense grid of thousands of thumbnail designs, focusing on selected cards.
+ Code construction recipe
Use Remotion interpolate on scale and translateY with spring easing; render thumbnails in a flex grid and conditionally trigger checkmark badge overlays.
TokenExtractionStrip
Displays curated cards with font name labels and color swatch dots staggering in from below.
+ Code construction recipe
Map over an array of 5 hex values per card using frame delays to stagger scaleX and opacity from 0 to 1 with a stiff spring.
CardDeckCollapse
Three separate desktop preview cards slide horizontally together, stacking with subtle rotation and perspective.
+ Code construction recipe
Apply perspective on parent and interpolate translateX, rotateZ (-4 to 0 deg), and zIndex across 15 frames.
PromptMorphPill
Compact pill container floating above screens that smoothly updates query text on scene cuts.
+ Code construction recipe
Animate layout width using interpolate and swap text content using AnimatePresence or conditional frame switches.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
The Intent
Purpose. Establish standard developer agent prompt behavior.
Execution. Typing prompt inside floating pill.
- 2
The Archive
Purpose. Demonstrate computational depth and design knowledge base.
Execution. Grid zoom with running screen counter.
- 3
The Synthesis
Purpose. Prove extraction of real aesthetic tokens (fonts, colors, layouts).
Execution. Card alignment with typography tags and color swatches.
- 4
The Range
Purpose. Demonstrate versatility across radically different brand genres.
Execution. Four rapid aesthetic switches from bicycle atelier to GPU terminal.
- 5
The Punchline
Purpose. Deliver memorable positioning statement and MCP link.
Execution. Bold editorial headline fading to Inspo brand lockup.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Launch video for an AI architectural design agent.How the recipe adapts
Replace website screenshots with 2,000+ architectural floor plans and facade renderings. Token extraction highlights materials, structural systems, and lighting temperatures instead of web fonts and color swatches.Remix blueprint · ai-design-engine-reveal
Scene durations (6 scenes, 20s)
Key Remotion components
Related AI Agents Startup Launches
Explore all 1064 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.