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.