Creating Video with Antigravity + Remotion
I created this video using Google Antigravity and Remotion using remotion skills. I used Gemini Pro 3 Low. I used this one-shot prompt: Create a 45âsecond 16:9 animated explainer video for a B2B SaaS automation platform called âFlowPilotâ. The video should have 5 clearly defined scenes, each with its own visual composition and transitions, but a consistent design language (flat, modern illustrations, clean UI mockups, brand colors: dark blue, teal, white, subtle gradients). Scene 1 â The pain (0â8s) - Wide shot of a cluttered workspace: multiple monitors showing different apps (email, CRM, spreadsheets, chat). - Notifications pop up rapidly, overlapping and shaking slightly to convey stress. - A silhouetted character at the desk rubs their temples; subtle camera shake emphasizes overwhelm. - Onâscreen headline text: âManaging your operations shouldnât feel like this.â - Background color: slightly desaturated, with a subtle vignette to feel heavy. - Transition: Notifications freeze, then shatter into small geometric pieces that fly offâscreen, revealing the next scene underneath. Scene 2 â Introducing FlowPilot (8â16s) - Clean, bright background (white with soft teal gradient corners). - The FlowPilot logo animates in from the center, building from simple shapes that snap together with springy motion. - Thin, glowing lines extend from the logo to icons representing tools: email, CRM, billing, project management. - Each icon âlights upâ when connected, and a small label appears under each (e.g., âEmailâ, âCRMâ, âBillingâ, âPMâ). - Onâscreen text: âFlowPilot connects your entire stack in minutes.â - Transition: Camera dolly in towards the logo until it fills the frame, then crossâfade into the dashboard. Scene 3 â How it works: visual workflow (16â28s) - Topâdown view of a visual workflow canvas. Nodes represent steps like âNew lead capturedâ, âQualify with AIâ, âCreate deal in CRMâ, âSend intro emailâ. - One by one, nodes fade in and slide into position, connected by animated arrows with directional motion. - A highlighted âtokenâ representing a lead travels along the path, triggering each step. When it passes a node, that node briefly glows. - Small text labels near each node explain the step in a few words. - Onâscreen caption at bottom: âBuild automations with dragâandâdrop blocks.â - Transition: The camera follows the token as it exits the last node, then the token morphs into a mini dashboard icon, leading us into the next scene.