Vercel · Launch Video Breakdown: Hook, Pacing & Motion Design
Ship a new Eve agent in one minute: add a prompt, pick models and MCP connections, and deploy a chat agent backed by a Git repo you own.
Scene-by-scene timeline & spoken transcript
The Hook
Effortless Agent Creation
“(No spoken dialogue — UI clicks and typing sounds are implied by visual actions.)”
- On screen
- Search Projects Add New Project Agent Domain Store Integration AI Gateway Key docs-agent docs-agent.acme.com Improve docs retrieval acme/docs-agent · 24m ago
- Camera
- Static, top-down screen capture of a web application dashboard.
- Motion
- Cursor interaction, menu dropdowns, and form field population with rapid text entry.
Product Reveal
Configuring Your AI Agent
“(No spoken dialogue — UI clicks and typing sounds are implied by visual actions.)”
- On screen
- Build an agent Vercel Team ACME Agent Name launch-assistant Git Scope acme Repository Name launch-assistant Instructions You are a practical AI assistant. Turn rough launch notes into clear, direct customer updates. Vej Model GLM 5.2 Channels Choose where people can use this agent. Web Chat Slack Connections Give this agent access to tools and data from other services. Search connections... Linear Notion Vercel Resend Stripe Sanity Kernel Custom MCP Show more Create Agent
- Camera
- Static, top-down screen capture, with a slight vertical pan to reveal more form fields.
- Motion
- Rapid form filling, dropdown selections, and checkbox toggles, demonstrating quick configuration.
Feature Teaser
Instant Deployment & Celebration
“(No spoken dialogue — UI clicks and typing sounds are implied by visual actions.)”
- On screen
- Deployment Uploading files... 3s Uploading Files Build Logs Deployment Summary Assigning Custom Domains Assigning custom domains... 6s Deployment completed.
- Camera
- Static, top-down screen capture, focusing on a deployment progress modal.
- Motion
- Fast-forwarded progress bar and checklist animation, culminating in a confetti burst effect.
Call to Action
Agent in Action: Web & Slack
“(No spoken dialogue — UI clicks and typing sounds are implied by visual actions.)”
- On screen
- launch-assistant Turn these notes into a launch update: Agent Builder Turn these notes into a launch update: Agent Builder is now available to everyone. Agent Build| Send a message... # general Direct messages launch-assistant @launch-a @launch-assistant Turn these notes into a launch update: Agent Build| ACME # agent-builder Building and launching agents from the Vercel dashboard Channels # agent-builder # launch # product # general Direct messages launch-assistant John 10:42 AM @launch-assistant Turn these notes into a launch update: Agent Builder is now available to everyone. 1 reply launch-assistant APP 10:42 AM Agent Builder is now available to everyone. Create a Git-backed agent, choose Web Chat or Slack, and deploy from the Vercel dashboard.
- Camera
- Static, top-down screen capture, transitioning between a web chat interface and a Slack interface.
- Motion
- Rapid text generation (typing effect) in chat interfaces, demonstrating the agent's functionality across platforms.
Call to Action
Brand Integration
“(No spoken dialogue — no audio track.)”
- On screen
- (No on-screen text)
- Camera
- Static, full-screen display of brand logos.
- Motion
- Simple fade-in of combined brand logos.
Motion design primitives
Synthesizable in Remotion · key components of the dark-mode-dev-tool-launch template.
RapidFormFill
Simulates quick user interaction with a web form, including typing into input fields, selecting dropdown options, and checking boxes at an accelerated pace.
+ Code construction recipe
Use `interpolate` for text typing effects (character by character reveal) and `spring` for dropdown/checkbox animations. Coordinate `Sequence` components to chain these actions, ensuring a smooth, fast-paced demonstration.
DeploymentProgressConfetti
Displays a multi-step deployment process with fast-forwarded progress indicators, culminating in a celebratory confetti burst upon completion.
+ Code construction recipe
Implement `Series` for sequential progress updates with `delay` and `duration`. For the confetti, use a `Canvas` component or a library like `react-confetti` with `AbsoluteFill` and `spring` for particle physics.
ChatbotTypingResponse
Simulates a chatbot generating a response in real-time, with text appearing character by character, followed by a quick transition to another chat interface.
+ Code construction recipe
Utilize `interpolate` for the character-by-character text reveal, applying an `easeOutCubic` curve for a natural typing feel. Use `AbsoluteFill` and `TransitionSeries` for seamless scene changes between chat platforms.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
Initiation
Purpose. Show the ease of starting a new agent creation process.
Execution. Cursor navigates and clicks 'Add New', then 'Agent', revealing the creation form.
- 2
Configuration
Purpose. Demonstrate the quick and comprehensive setup of an AI agent.
Execution. Rapid typing into fields, selecting models, and connecting channels/services.
- 3
Deployment
Purpose. Highlight the speed and success of deploying the new agent.
Execution. Fast-forwarded deployment progress bar with checkmarks, ending in confetti.
- 4
Application
Purpose. Illustrate the agent's immediate utility in different communication platforms.
Execution. Agent responding in a web chat and then in Slack, showcasing its functionality.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Launch a new 'Automated API Documentation Generator' that integrates with GitHub and deploys to Vercel.How the recipe adapts
The RapidFormFill primitive would be used to quickly configure API endpoints and GitHub repository links. The DeploymentProgressConfetti primitive would celebrate the instant generation and deployment of the documentation site. The ChatbotTypingResponse primitive would be adapted to show the AI assistant generating documentation snippets or responding to queries about the API, perhaps within a VS Code extension or a custom web portal.Remix blueprint · dark-mode-dev-tool-launch
Scene durations (5 scenes, 24.8s)
Key Remotion components
Related Developer Tools Product Launches
Explore all Developer Tools launches →
Agentic CLI for coding, building apps, and automating workflows.
Sakana AI launches Fugu, a multi-agent orchestration system served through a single model API, led by its Fugu Ultra model.
Get paid to wait The Claude Code spinner might be the most watched line on Earth. So I turned it into an ad marketplace. Advertisers bid on it. You keep 50% of the money. Install the extension → ge…