moi · Launch Video Breakdown: Hook, Pacing & Motion Design
moi is a generative workspace where agents build their own UI — a skill for Claude Code, Codex, Hermes, and OpenClaw that lives on as a copilot.
Scene-by-scene timeline & spoken transcript
The Hook
Monolith Floppy Disk
“(No spoken dialogue — ambient atmospheric synth drone)”
- On screen
- moi computer
- Camera
- Static cinematic desert shot with central monolith
- Motion
- CGI photorealistic backdrop with minimal title fade
Product Reveal
Dynamic Analytics & Fitness Widgets
“(No spoken dialogue — melodic electronic synth beat)”
- On screen
- Magazin Widgets Scratchpad Revenue $76.5K Good afternoon Sleep Training Steps
- Camera
- Flat screencast with UI zooms and quick cursor interactions
- Motion
- Smooth UI component rendering and theme toggle popups
Feature Teaser
Media & E-commerce Hubs
“(No spoken dialogue — rhythmic synth soundtrack)”
- On screen
- ASHORE - VOYAGE Top Products useHooks Hoodie $834K Restock Radar
- Camera
- Rapid cuts between specialized module views
- Motion
- Interactive modal expansion and card hover states
Feature Teaser
Sketch to Kanban Workflow
“(No spoken dialogue — driving electronic track)”
- On screen
- Task tracker August How we build Firma In progress In review Done
- Camera
- Static canvas perspective with live cursor drawing
- Motion
- Hand-drawn wireframe transitioning into live software board
Feature Teaser
Video Editing & Script CLI
“(No spoken dialogue — continuous electronic music)”
- On screen
- SUNSTEAD 2026 - STORY MAP ffmpeg here has no drawtext Video editor
- Camera
- Split view panning between bash prompts and video timeline
- Motion
- Timeline scrubbing and real-time playback updates
Feature Teaser
Workspaces Dashboard
“(No spoken dialogue — fading synth music)”
- On screen
- My workspaces moi computer Staying alive Magazin Sunstead Hackathon
- Camera
- Top-level overview grid frame
- Motion
- Frosted glass card layout with subtle scaling
Call to Action
Logo Lockup & Sustained Outro
“(No spoken dialogue — sustained electronic chord fade)”
- On screen
- moi computer
- Camera
- Static center framing on pure black screen
- Motion
- Minimal high-contrast brand reveal
Motion design primitives
Synthesizable in Remotion · key components of the modular-workspace-showcase template.
SketchToUiMorph
Freehand vector bounding boxes dissolve directly into structured interface columns and cards.
+ Code construction recipe
Animate SVG path strokes via strokeDashoffset, then interpolate opacity to reveal React grid components.
DynamicThemeShift
Instant palette switch triggered by UI controls, updating background, typography, and card fills.
+ Code construction recipe
Bind theme CSS variables to spring-driven interpolation triggers on button selection.
WorkspaceFolderCard
Folder-like container with frosted glass cover revealing internal mini-dashboards on hover.
+ Code construction recipe
Use CSS backdrop-filter, rounded corners, and spring transforms on pointer events.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
The Monolith
Purpose. Establish iconic hardware/software heritage metaphor.
Execution. Giant 3.5-inch floppy disk standing in a desert landscape.
- 2
Interface Multiverse
Purpose. Showcase versatility across business, fitness, commerce, and media.
Execution. Rapid modular dashboard interactions with live customization.
- 3
Generative Execution
Purpose. Demonstrate AI turning napkin sketches into functional tools.
Execution. Crude wireframe sketch transforms into an active Kanban board.
- 4
Brand Monolith
Purpose. Anchor identity with extended minimalist logo presence.
Execution. Static white pixel logo against pure black backdrop.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Launch promo for an AI-powered code & asset generation IDE.How the recipe adapts
Replace the floppy monolith with a giant silicon die, then transition through code generation, node graphs, asset browsers, and a workspace library overview.Remix blueprint · modular-workspace-showcase
Scene durations (7 scenes, 72s)
Key Remotion components
Related Developer Tools Product Launches
Explore all Developer Tools launches →
xAI opens voice cloning on its API: build a custom voice in about two minutes or pick from 80+ voices in 28 languages.
Claude can now operate your Mac, opening apps, browsing and filling spreadsheets, as a research preview in Cowork and Claude Code.
Agentic CLI for coding, building apps, and automating workflows.