Cognition · Launch Video Breakdown: Hook, Pacing & Motion Design
Cognition operates Devin, the first autonomous software engineer
Scene-by-scene timeline & spoken transcript
The Hook
Authentication via ChatGPT
“(No spoken dialogue — ambient electronic synth music)”
- On screen
- Welcome back Log in to your account Continue with ChatGPT Continue with GitHub Continue with Google Continue with Windsurf OR Email address Log in Don't have an account? Sign up
- Camera
- Static centered UI view with cursor motion.
- Motion
- Cursor hover and click interaction.
Product Reveal
Model Selection & Plan Toggle
“(No spoken dialogue — ambient electronic synth music continues)”
- On screen
- Devin Agent Ask Ask Devin to build features, fix bugs, or work on your code Ultra Normal Capability Fusion Ultra Normal Research preview SWE-2 GPT Fast mode Use your ChatGPT plan You're currently using your ChatGPT subscription. Manage
- Camera
- Static front-facing screen capture.
- Motion
- Dropdown menu expansion, flyout panel rendering, toggle switch transition.
Feature Teaser
Prompt Input and Submission
“(No spoken dialogue — electronic music continues)”
- On screen
- Devin Agent Ask Find out why p99 checkout latency doubled last week and fix it Normal
- Camera
- Static screen view.
- Motion
- Character-by-character text typing and button click animation.
Problem Agitation
Autonomous Task Execution
“(No spoken dialogue — electronic music continues)”
- On screen
- Checkout p99 latency regression Normal · ChatGPT plan Find out why p99 checkout latency doubled last week and fix it Thinking > Thought for 4s On it. I'll pull last week's traces for /checkout, line up the p99 jump with deploys, and bisect to the change that caused it. Pull p99 traces for /checkout Correlate the spike with last week's deploys Bisect, fix, and open a PR with before/after numbers Guide Devin while it works, or press enter to queue
- Camera
- Static layout view.
- Motion
- Sequential reveal of thought state, stream text, and animated checklist items.
Call to Action
Devin Brand Outro
“(No spoken dialogue — synth outro resolve)”
- On screen
- Devin
- Camera
- Static centered graphic on black.
- Motion
- Geometric hexagon cluster build accompanied by clean text fade-in.
Motion design primitives
Synthesizable in Remotion · key components of the devin-chatgpt-plan-integration template.
CursorInteractionLayer
Simulates cursor pathing, button hover highlights, and click spring compressions.
+ Code construction recipe
Animate absolute cursor position using interpolate with spring physics for click scaling.
FlyoutToggleMenu
Cascading popover menu revealing sub-options with an interactive toggle switch.
+ Code construction recipe
Use Remotion interpolate on opacity and translateY alongside state-driven toggle pill shift.
ChecklistStepGenerator
List items fade in sequentially with checkmark fill animations.
+ Code construction recipe
Stagger items based on frame index; animate SVG stroke-dashoffset for completion checkmarks.
LogoAssemblyOutro
Hexagonal dots scale and position outward around a central node, fading in typography.
+ Code construction recipe
Spring-driven scale and translation on hexagon SVG elements with synchronized title opacity.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
OAuth Sign-In
Purpose. Demonstrates frictionless entry via ChatGPT login.
Execution. Direct login screen focus with mouse-click trigger.
- 2
Feature Configuration
Purpose. Clarifies plan selection and ChatGPT tier integration.
Execution. Dropdown expansion, model selection, and toggle activation.
- 3
Prompt Prompting
Purpose. Shows complex latency debugging request in realistic language.
Execution. Typing animation inside the primary input box.
- 4
Agent Planning
Purpose. Displays autonomous decomposition into concrete actionable steps.
Execution. Sequential loading text, reasoning blocks, and dynamic checklist.
- 5
Brand Resolve
Purpose. Anchors brand identity in dark outro.
Execution. Minimalist geometric hexagon animation and logo reveal.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Announce GitHub Copilot Enterprise workspace linking inside a code analytics platform.How the recipe adapts
Replace ChatGPT buttons with GitHub Enterprise OAuth, switch the toggle to Enterprise Seat Sync, and update prompt to repository-wide security vulnerability scanning.Remix blueprint · devin-chatgpt-plan-integration
Scene durations (5 scenes, 27s)
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
Always-on agents built to handle everything