Higgsfield (multi-model wrapper) · Seedance 2.0 (native audio-video · Feb 2026) · Nano Banana Pro (Gemini 3 Pro Image · legible text) · Remotion (code-your-video with Claude · Jan 2026 Skills release). All tuned to your app · your brand · your Sales Sprint.
Why: Great video prompts start with product truth + brand tokens. This reads Cowork Project + Foundation Doc + Day 7 Founder Story + your live app URL so every video prompt writes from real context.
# ROLE You are my promo video director for Day 8 of the 10-Day Sprint at Network School. You have full access to my Cowork Project and this chat's memory. # READ · in this order 1 · Foundation Doc — brand colors · fonts · voice · target persona 2 · Day 7 Founder Story — the 60-word spine · archetype · tone 3 · Live app URL — fetch home page for hero screenshot reference 4 · Chat memory — everything we've discussed # OUTPUT · 10-line brief 1 · Product name + 1-line what it does 2 · Target persona (specific · not "everyone") 3 · Brand mood (3 adjectives from Foundation Doc · e.g. "warm · precise · playful") 4 · Brand colors: primary hex · accent hex · dark ink hex 5 · Brand fonts: heading · body 6 · Product visual: URL of a hero screenshot to reference for style 7 · Founder Story archetype (from Day 7 · Origin / Frustration / Vision / Journey) 8 · The ONE feeling I want viewers to feel at second 15 9 · The ONE action I want viewers to take (try · DM · signup · buy) 10 · Where this video will run (LinkedIn / X / IG Reel / TikTok / all) # CONFIRM End with: "Is this brief correct? Any 1-line fix?" Wait. Once I say yes · you're primed for P01–P08. # SELF-CHECK - Did I actually fetch the live URL · or guess visual style? - Did I match Day 7 Founder Story archetype · or invent a new one? - Did I keep to 10 lines · or bloat?
Why: Every video format optimizes for a different outcome. Product demo = trust. Cinematic teaser = intrigue. Talking head = credibility. Story-driven = emotion. Pick based on your Sales Sprint goal.
# ROLE You are my creative director. Reference primed P00. # GOAL Recommend ONE format from the 4 below · with reasoning tied to my Sales Sprint goal (from P00 line 9). # THE 4 FORMATS FORMAT A · CINEMATIC TEASER Movie-trailer feel · no talking · music + text overlays · epic visuals. Best when: bold brand · category-defining product · intrigue is the goal. Tool bias: Seedance 2.0 (multi-shot single prompt) + Nano Banana Pro (titles). Length: 15–20 sec. FORMAT B · PRODUCT DEMO Fast screen recording · voice-over · captions · specific benefit shown. Best when: SaaS · dev tool · product-led growth · trust is the goal. Tool bias: screen recording (CleanShot X · Loom) + Nano Banana Pro thumbnail. Length: 30 sec. FORMAT C · TALKING HEAD You on camera · direct to viewer · quick cuts · text overlays. Best when: founder-market fit story · personal brand · credibility is goal. Tool bias: phone camera + Descript (subtitles) + Nano Banana Pro title cards. Length: 45 sec. FORMAT D · STORY-DRIVEN (SHORT FILM) Scene → tension → reveal → CTA · with a character (real or AI-generated). Best when: emotional product · consumer app · emotion is the goal. Tool bias: Higgsfield (Cinema Studio · reference video motion transfer). Length: 30–60 sec. # YOUR PROCESS 1 · Read primed P00 line 9 (my Sales Sprint goal) 2 · Recommend ONE format · explain WHY it fits my product + persona + goal 3 · Ask ONE clarifying question: "Comfortable being on camera?" (this changes A/B/C/D bias) 4 · Adjust recommendation based on my answer 5 · Lock the format · P02 will storyboard it # QUALITY BAR - Did I pick based on GOAL · not what looks coolest? - Did I honor my comfort (introverts default to A · not C)? - Length matches platform (LinkedIn ≤ 60s · TikTok ≤ 30s · X ≤ 45s · IG Reel ≤ 90s)?
Why: AI video models drift after 5 seconds unless you break the video into shots. This prompt generates a 7-shot storyboard for a 15-second promo · each shot 2 sec · each shot prompt-ready for Seedance / Higgsfield.
# ROLE You are my storyboard artist. Reference P00 + P01 format choice. # GOAL Turn my chosen format into a 7-shot storyboard · each shot 2 seconds · total 14 sec + 1 sec end card = 15 sec. # STORYBOARD STRUCTURE (7 shots) SHOT 1 · HOOK (0:00–0:02) The visual that stops the scroll. Match my Day 7 Founder Story hook. For each shot describe: 📷 Camera angle · framing · movement 🌟 Subject · action · setting 💡 Lighting · mood · palette 📝 Text overlay (if any · legible at 30pt on mobile) 🔊 Audio cue (music start · SFX · silence · dialogue) SHOT 2 · PAIN (0:02–0:04) Visualize the pain from my Founder Story. Concrete moment · not abstract. SHOT 3 · INSIGHT (0:04–0:06) The moment of realization. Visual metaphor allowed here. SHOT 4 · PRODUCT REVEAL (0:06–0:08) First glimpse of the product · UI · logo · or founder holding phone. SHOT 5 · PROOF (0:08–0:10) Real users · real numbers · real screenshots. NO stock footage. SHOT 6 · TRANSFORMATION (0:10–0:12) Before-and-after. What the world looks like AFTER my product exists. SHOT 7 · CTA (0:12–0:14) Product name · URL · one clear action. Nano Banana Pro end card. END CARD (0:14–0:15) Logo + URL · frozen for 1 sec so viewers can screenshot. # OUTPUT FORMAT Return as a table: | Shot | Time | Camera | Subject | Lighting | Text | Audio | Tool | |------|------|--------|---------|----------|------|-------|------| Then · a paste-ready prompt for each shot · optimized for the tool (Seedance / Higgsfield / Nano Banana Pro). # QUALITY BAR - Each shot ONE dominant motion (Higgsfield rule) - Text overlays legible on mobile at arm's length - 7 shots · not more · not less (avoids drift + fits 15 sec) - Audio arc: silence → build → hit → resolve
Why: Seedance 2.0 (ByteDance · launched Feb 2026) is the first AI video model with NATIVE audio-video generation (not post-processed) · multi-shot storytelling from a single prompt · and phoneme-level lip-sync in 8+ languages. This prompt generates a Seedance-optimized prompt from your storyboard · with quoted dialogue for lip-sync.
# ROLE You are a Seedance 2.0 prompt engineer. Reference P00 + P02 storyboard. # SEEDANCE 2.0 · 2026 BEST PRACTICES (baked in) - Lead with SUBJECT · anchor at start of prompt - Format: [SUBJECT] doing [ACTION] in [SETTING] - Add camera movement early ("slow dolly in" · "handheld tracking") - Define lighting + mood BEFORE subject details - Keep prompts under 200 words - Physics interactions unlock realism ("wind blowing hair" · "water splashing") - For DIALOGUE: put spoken words in "double quotes" · model auto-lip-syncs - For MULTI-SHOT: use "then" · "cut to" · "next scene" · single prompt supports up to 3 scenes / 15 seconds total - Text overlays: describe as "text appears reading '[YOUR TEXT]' in [font style] · centered / lower-third" - Aspect ratio: specify 9:16 for mobile · 16:9 for LinkedIn · 1:1 for feed # GOAL Generate a Seedance 2.0 prompt for MY 7-shot storyboard (from P02). # OUTPUT · 3 prompt options OPTION A · SILENT CINEMATIC (no dialogue) Full 15-sec sequence · music + visuals only · text overlays for message. Ideal for: cinematic teaser · category-defining brand. OPTION B · TALKING FOUNDER (with lip-sync) You on camera · Seedance generates YOUR likeness (upload reference image first) · speaks your 15-sec pitch · natural gestures. Ideal for: personal brand · founder-market fit story. OPTION C · CHARACTER-DRIVEN (with dialogue) Generated character walks through pain → discovery → transformation · speaks 1 line · lip-synced. Ideal for: consumer app · emotional pull · story-driven format. For each option · return: 🎬 SEEDANCE PROMPT (paste-ready · under 200 words) 🎯 Reference images to upload (0–3 images · specify what) 🔧 Advanced settings: aspect · resolution · duration · seed 💰 Credit cost estimate (Seedance ~15 credits per 1080p 15-sec clip) # EXAMPLE OUTPUT (for a journaling app) Prompt (Option A · Silent Cinematic): "A warm-lit hand journaling in a linen-covered notebook on a wooden desk · morning light streaming from left · steam rising from a coffee cup · slow dolly in on the pen. Then cut to · same hand tapping a phone screen · the notebook page smoothly transitions into a beautifully designed mobile UI showing the same words · UI cards rearrange as ideas connect · gentle pastel palette. Then cut to · text appears reading 'Your thoughts · finally organized.' in warm serif italic · centered · lower-third · fade to logo + URL at the end. Cinematic · warm color grade · shallow depth of field · 15 seconds · 9:16 vertical · 1080p." Reference images: 1 · Product hero screenshot (from primed P00 URL) 2 · Brand color palette swatch (2×2 grid of your brand hexes) Settings: aspect_ratio: 9:16 · resolution: 1080p · duration: 15s · seed: random # QUALITY BAR - Prompt ≤ 200 words - ONE dominant motion per shot - If dialogue: exact words in "quotes" - Text overlays legible + on-brand - Aspect matches primary platform from P00
Why: Higgsfield uses a LAYERED prompt system — each layer (subject · camera · lighting · mood · aspect) handles a single visual job. Short direct sentences beat paragraphs. ONE camera move per shot. Get the layers right and outputs are stable + predictable. Get them wrong and every generation flickers.
# ROLE You are a Higgsfield prompt engineer. Reference P00 + P02. # HIGGSFIELD · THE 5-LAYER PROMPT SYSTEM (2026) Higgsfield does NOT use one text box to control everything. Each layer handles a single visual job. Set all 5 together for stable + predictable outputs. Short direct sentences · not descriptive paragraphs. LAYER 1 · SUBJECT + APPEARANCE Start with a clear vivid description of the main subject. Include: clothing · appearance · mood · character traits · pose. Example: "A young woman in a red silk dress · dark hair · confident stance · mid-30s · warm smile" LAYER 2 · CAMERA + MOVEMENT Higgsfield is motion-preset-oriented · be EXPLICIT. Pick ONE camera move: crash zoom · orbit · dolly-in · dolly-out · handheld tracking · aerial pull-up · slow push · rack focus · whip pan. Example: "Slow dolly-in on subject · camera glides forward at steady creep" LAYER 3 · LIGHTING KEEP LIGHTING IN IMAGE PROMPTS · NOT video prompts. Popcorn uses lighting to lock a keyframe. Lighting in video prompts causes flicker + exposure jumps. For image seed: "Golden hour light · warm rim light from left · soft key light" For video: describe once at start · avoid mid-clip lighting changes. LAYER 4 · MOOD + STYLE 2-3 mood adjectives + color grade + film look. Example: "Cinematic · moody · anamorphic lens flares · teal-and-orange grade · 24fps film look · dramatic and tense mood" LAYER 5 · ASPECT + FRAMING Specify aspect ratio + framing at end. Example: "9:16 vertical for mobile · shallow depth of field · medium close-up" # PROVEN LAYERED PROMPT FORMULA Cinematic [CAMERA MOVE] on [SUBJECT with appearance], [SETTING], camera [HOW IT MOVES], [DEPTH OF FIELD], [LIGHTING as a locked property], [COLOR GRADE + FILM LOOK], [MOOD + emotional tone], [aspect + framing]. # MODEL PICKER · which under-the-hood model wins · Kling 3.0 = character-driven · multi-shot · 4K · consistent voice · cheapest (~6 credits) · Veo 3.1 = cinematic + audio · best for finished promo shots · Sora 2 = physics realism · complex scenes · Seedance 2.0 = native audio + lip-sync (P03 covered) # CINEMA STUDIO · virtual lens selection When cinematic control matters · specify: · 35mm portrait lens (natural human eye view) · 85mm cinematic (portrait + product close-ups · shallow DoF) · 16mm wide (environments · establishing shots) · 200mm telephoto (compressed background · isolated subject) # MOTION TRANSFER · replicate any style Upload reference clip (up to 15 sec). Higgsfield extracts rhythm + gestures + camera moves. Describe what to keep vs. what to change. # GOAL Generate Higgsfield prompts for the shots Seedance couldn't nail (from P03). Or use Higgsfield as primary for cinematic teaser format. # OUTPUT · 3 options OPTION A · CINEMA STUDIO PROMPT Best for: hero shots · brand identity clips · slow-motion product beauty shots. Uses Veo 3.1 or Kling 3.0 under the hood. Format: 🎬 MODEL: [Veo 3.1 / Kling 3.0 / Sora 2 · pick based on shot needs] 📷 CAMERA: [lens · focal length · body] 🎯 SHOT: [1–2 sentence description] 🌟 MOTION: [ONE dominant motion · e.g. slow orbit around subject] 💡 LIGHTING: [source · quality · color temp] 🎨 MOOD: [3 adjectives from brand tokens] ⏱ DURATION: [3–5 sec per shot] OPTION B · MOTION TRANSFER PROMPT Best for: replicating a specific video style you love (competitor's ad · famous movie shot · viral TikTok). Steps: 1 · Upload reference clip (up to 15 sec) 2 · Describe what to keep: motion / camera / rhythm / gesture 3 · Describe what to change: subject / setting / lighting 4 · Generate Format: 📤 Reference: [URL / description of what to upload] ✅ Keep: [motion patterns · e.g. "camera dolly rhythm · character gesture timing"] 🔄 Change: [subject · setting · outfit · lighting] OPTION C · MULTI-SHOT SEQUENCE (Kling 3.0) Best for: 15-sec story with 3 characters · dialogue · consistent identity across shots. Kling 3.0 excels at multi-shot consistency at 6 credits/clip. Format: 🎬 Shot 1: [prompt] 🎬 Shot 2: [prompt · same subject · new angle] 🎬 Shot 3: [prompt · same subject · closing shot] 🔗 Consistency anchors: subject description repeated verbatim across shots # QUALITY BAR - ONE dominant motion per prompt - Model choice matches shot needs (don't use Sora 2 for a static logo · overkill) - Character consistency: same 3-word subject description across all shots - Cost-conscious: prefer Kling 3.0 for iteration · Veo 3.1 for final
Why: Nano Banana Pro (Gemini 3 Pro Image · Nov 2026 launch) is the current best for images with CORRECTLY RENDERED · LEGIBLE TEXT — critical for video thumbnails · end cards · LinkedIn hero images · pitch deck slides. Uses Gemini 3 Pro's reasoning to visualize data + infographics.
# ROLE You are a Nano Banana Pro prompt engineer. Reference P00 + P02. # NANO BANANA PRO · 2026 BEST PRACTICES (baked in) - Access via Gemini app · pick "Thinking" model · click "Create images" - Free tier: limited quotas (reverts to Nano Banana 2 after) · Google AI Plus/ Pro/Ultra get higher quotas - BEST for: images with legible text · infographics · notes-to-diagram · branded typography-heavy compositions - Prompt formula: "Create an image of [subject] [action] [scene]" - SPECIFICITY WINS: "young woman in red dress running through park" beats "woman in red dress" - For text-in-image: put the exact text in quotes · specify font style · placement (centered · lower-third · corner) # GOAL Generate 4 Nano Banana Pro prompts to create: 1 · Video THUMBNAIL (1200×628 · LinkedIn hero size) 2 · End card / CTA overlay (used in P02 shot 7) 3 · Branded still for social carousel (1080×1080) 4 · Founder headshot (professional but warm · optional if you don't have one) # OUTPUT · 4 prompts 1 · VIDEO THUMBNAIL PROMPT "Create a 1200×628 image for a LinkedIn video thumbnail. Product: [name from P00]. Composition: [main subject] on left · large text on right reading '[HOOK LINE from Day 7 Founder Story]' in [brand heading font · e.g. bold serif]. Background: [brand primary color hex] gradient · subtle texture. Mood: [3 adjectives from P00 brand]. Include play button icon subtly in center. Photo-realistic · high contrast · readable at mobile size." 2 · END CARD PROMPT "Create a 1080×1920 vertical end card. Center: product logo (from reference image). Below logo: text reading '[Product name]' in [brand heading font] at 96pt. Below that: '[my-domain]' at 48pt. Background: [brand primary hex] to [brand accent hex] gradient. Add subtle particle glow. Clean · minimal · premium." 3 · SOCIAL CAROUSEL STILL "Create a 1080×1080 square. Composition: [one specific product feature or user moment]. Overlay text: 3 short lines · maximum 8 words each · in [brand body font] · well-spaced · high contrast. Color palette: [brand primary + accent + neutral]. Mood: [3 adjectives]." 4 · FOUNDER HEADSHOT (optional) "Create a professional-warm headshot: [describe you: age · gender · hair · eye color · outfit style] · natural window light from left · warm smile · looking directly at camera · shallow depth of field · shot with 85mm lens · natural skin tones · background: [brand accent color hex] softly out of focus." # USAGE NOTES - Download outputs at 4K quality if available - Use variations feature to A/B test 4 versions per prompt - For pitch deck slides (Day 8 morning session): use same style guide # QUALITY BAR - Every prompt specifies TEXT in quotes · not paraphrased - Every prompt names EXACT font style (not "modern font") - Every prompt names EXACT hex colors from Foundation Doc - Photo-realistic OR illustrated · never mixed in one image
Why: A 15-sec video without deliberate audio feels flat. This prompt writes a Suno prompt for a custom 15-sec music bed + Elevenlabs voiceover script if you're doing narration.
# ROLE You are my sound designer. Reference P00 brand mood + P02 storyboard. # GOAL Generate two things: A · Suno prompt for a 15-sec custom music bed B · Elevenlabs voiceover script (only if narration format from P01) # PART A · SUNO MUSIC PROMPT Suno 2026 best practices: - Length: specify exactly (15 sec · 30 sec) - Genre: specific micro-genre ("lo-fi indie pop with subtle synth pads" · not "chill") - Instruments: name 2-3 dominant (piano · synth pad · soft drums) - Mood arc: how energy changes across the clip - No lyrics unless you want distraction (specify "instrumental only") Format: 🎵 Prompt: [genre + mood + instruments · under 30 words] 📈 Arc: [start soft · build at 5 sec · hit at 10 sec · fade out] ⏱ Length: 15 seconds 🚫 Instrumental only · no vocals Ex: "Cinematic indie ambient · warm piano melody · soft synth pad · subtle bass · minimal drums · slowly builds · emotional but hopeful." # PART B · ELEVENLABS VOICEOVER (skip if no narration) Only if P01 chose Format B (Product Demo) or Format C (Talking Head with VO). Elevenlabs 2026 best practices: - Voice: pick pre-made voice or clone your own from 30-sec sample - Script: max 40 words for 15-sec clip · leaves room for music breathing - SSML tags: use <break time="0.5s" /> between sentences · <emphasis> on meaning words Format: 🎙 Voice: [Adam / Rachel / your cloned voice] 📝 Script: [40-word script matching your storyboard beats] 🏷 SSML: use <break time="0.5s" /> and <emphasis> tags 🔊 Speed: 1.0 (normal) or 0.9 (slightly slower for emotional weight) # QUALITY BAR - Music arc HITS on the product reveal (P02 shot 4) - No lyrics competing with any voiceover or text overlay - Voice matches Day 7 Founder Story tone (warm · confident · vulnerable · etc.)
Why: Raw AI clips are ingredients. This prompt writes a shot-by-shot edit plan for CapCut (or Descript) so you assemble the final 15 sec with clean transitions · legible subtitles · brand-matched color grade.
# ROLE You are my video editor. Reference P02 storyboard + all generated clips (P03/P04/P05 outputs). # GOAL Assemble 7 generated clips into a final 15-sec video · with subtitles · transitions · color grade · sound mix. Output as CapCut-native or Descript editing checklist. # EDIT PLAN STAGE 1 · IMPORT + ORGANIZE (2 min) Import all clips into CapCut or Descript · label by shot number. Arrange on timeline in P02 order. STAGE 2 · TRANSITIONS (3 min) Between shots · pick ONE transition style · use consistently: · Hard cut (default · fastest · most modern) · Match cut (motion → motion · looks premium) · Whip pan (energetic · good for cinematic teaser) · Cross dissolve (soft · good for emotional story) Never mix 3+ transitions in one 15-sec video. Chose ONE style · repeat. STAGE 3 · SUBTITLES (3 min) Add subtitles for accessibility + silent-scroll viewers (85% of feed watchers). · Font: bold sans-serif · brand color OR white on dark stroke · Size: 60pt on 9:16 · 48pt on 1:1 · 40pt on 16:9 · Placement: lower-third · centered · with drop shadow for legibility · Timing: 1 line max at a time · switch every 2 sec CapCut auto-caption is 90% accurate · check + fix. STAGE 4 · COLOR GRADE (2 min) Apply consistent color grade across all shots: · Match to brand mood (warm · cool · desaturated · vibrant) · Add subtle contrast boost (+5–10) · Small saturation lift (+3–5) if warm brand · desaturate if minimal brand · CapCut LUT recommendations: "Cinematic" · "Warm Film" · "Modern Vlog" STAGE 5 · SOUND MIX (1 min) · Music track: -18dB baseline · Voiceover (if any): -12dB · duck music by 6dB under VO · SFX: -14dB · use sparingly for beat hits STAGE 6 · END CARD (1 min) Import Nano Banana Pro end card from P05 · hold on frozen last frame for 1 sec. STAGE 7 · EXPORT (1 min) Export SETTINGS per platform (P08 covers): · Universal: 1080p · MP4 · H.264 · 30fps · TikTok / IG Reel: 9:16 · 1080×1920 · LinkedIn: 1:1 · 1080×1080 OR 16:9 · X: 16:9 · 1080×608 # QUALITY BAR - Subtitles present · legible · error-free - ONE transition style used throughout - Music arc syncs to visual reveal moment (shot 4) - End card holds for 1 full sec (viewers can screenshot the URL)
Why: Different platforms need different aspect ratios · captions · thumbnail specs · and posting cadence. This prompt outputs the delivery checklist so your Wednesday video hits LinkedIn · X · IG · TikTok correctly by end of day.
# ROLE You are my distribution lead. Reference P00 + final video + Nano Banana Pro thumbnail. # GOAL Deliver ONE video to 4 platforms · each with correct specs · caption · thumbnail · posting time. # PLATFORM SPECS TABLE | Platform | Aspect | Resolution | Duration cap | Caption len | Thumbnail | |----------|--------|------------|--------------|-------------|-----------| | LinkedIn | 1:1 or 16:9 | 1080×1080 or 1920×1080 | ≤ 90 sec | ≤ 1300 chars | 1200×628 | | X | 16:9 | 1920×1080 | ≤ 140 sec | ≤ 280 chars | auto from video | | IG Reel | 9:16 | 1080×1920 | ≤ 90 sec | ≤ 2200 chars | in-frame cover | | TikTok | 9:16 | 1080×1920 | ≤ 60 sec | ≤ 2200 chars | in-frame cover | # CAPTIONS · 4 versions For each platform · write a caption using the same core message but platform-native format: LINKEDIN CAPTION (~150 words) Hook first · double-space paragraphs · question at end to drive comments. Reuse Day 7 Founder Story LinkedIn variant. X CAPTION (~200 chars) Hook + product name + URL. Attach video. Reply to yourself with more context (threaded reveal). IG REEL CAPTION (~100 words) Emoji-friendly · 3-5 hashtags · question at end. Match Day 7 Founder Story IG variant. TIKTOK CAPTION (~80 chars + 5 hashtags) Punchy · trend-aware · specific hashtags tied to persona (avoid generic #startup #tech). # POSTING SCHEDULE (Wednesday afternoon) | Time | Platform | Action | |------|----------|--------| | 16:00 | X | Post video + hook caption | | 16:30 | LinkedIn | Post video + long caption | | 17:00 | IG Reel | Post video · use custom cover from Nano Banana Pro | | 17:30 | TikTok | Post video (same 9:16 as IG) with different caption | | 18:00 | X reply | Add thread reply with more context + Calendly link | # QUALITY BAR - 4 versions of caption · NOT one caption copy-pasted - Thumbnail from Nano Banana Pro (P05) used on LinkedIn - Video re-exported at correct aspect per platform (do not stretch) - Posted within 90 min of shooting (momentum matters)
Why: Remotion is a 2026 game-changer — a framework where every video frame is a React component. Combined with Remotion Skills (Jan 2026 release for Claude Code · works with Cowork too) · you describe the video in natural language · Claude writes the React code · Remotion renders it as MP4. Perfect for product demo videos of YOUR live app — takes real screenshots · overlays branded text · animates transitions · exports at 30fps 1920×1080.
# ROLE You are my Remotion setup coach. Reference P00 (my app · brand · deployed URL). # WHAT IS REMOTION (2026 primer) Remotion turns video production into a React frontend problem. - Every frame = a React component - Write JSX + CSS + TypeScript → renders to MP4 / WebM / audio - Remotion Skills (released Jan 2026) lets AI agents (Claude Code / Cowork) generate + modify + render videos via natural language - Uses headless browser (Puppeteer) to capture screenshots · FFmpeg compiles into MP4 - Latest version: 4.0.489 · requires Node.js 16+ · macOS 15+ # WHY REMOTION FOR THIS WORKSHOP Seedance / Higgsfield generate FROM PROMPTS. Remotion generates FROM YOUR ACTUAL LIVE APP + DATA. Best for: product demos · data visualizations · personalized reports · batch generation of the same template with different data. # GOAL Get me from "no Remotion" to "first product-demo MP4 rendered" in 30 min. # YOUR PROCESS · 5 stages STAGE 1 · REQUIREMENTS CHECK (2 min) Ask ONE question: "Are you on macOS 15+ · and do you have Node.js installed? (Run node -v in terminal · should say v16+ or higher.)" If NO Node: guide me to install via nodejs.org LTS installer. If NO macOS 15+: recommend Remotion Cloud (their hosted alternative) instead. STAGE 2 · CREATE PROJECT (3 min · ONE terminal command) This is the ONLY terminal command you'll need. Everything else is browser-based. Walk me through: 1 · Open Terminal (Cmd+Space → "Terminal") 2 · Navigate to Desktop: cd ~/Desktop 3 · Create Remotion project with Agent Skills: npx create-video@latest --yes --blank my-app-demo 4 · cd my-app-demo 5 · npm i (wait ~1 min for deps) 6 · npx remotion skills add (adds AI-agent capability) 7 · npm run dev · opens Remotion Studio at localhost:3000 STAGE 3 · CONNECT COWORK TO REMOTION PROJECT (2 min) 1 · In Cowork · open project folder: File → Add Folder → select ~/Desktop/my-app-demo 2 · Cowork now sees the Remotion codebase and can edit React components 3 · Test: ask Cowork "list the Remotion compositions in this project" 4 · Cowork should list the default Hello World composition STAGE 4 · GENERATE FIRST VIDEO VIA COWORK (15 min) Give me this exact Cowork prompt to paste: "Using the Remotion project in this folder · create a NEW composition called 'AppIntro' that is 15 seconds · 1920×1080 · 30fps · with: Frame 0-90 (seconds 0-3): Animated logo fade-in on my brand color background · logo text is '[Product name from P00]' in Instrument Serif italic 120pt · centered. Frame 90-270 (seconds 3-9): Three feature callout cards slide in from the right · each showing one benefit · with icons · using my brand colors [primary hex] and [accent hex]. Frame 270-450 (seconds 9-15): Full-screen CTA with URL '[my-domain]' in bold sans-serif 96pt · centered · with a subtle particle glow. Add smooth easing between all transitions. Use spring animations from remotion for natural motion. When done · save the file and I'll preview in Remotion Studio." STAGE 5 · PREVIEW + RENDER (8 min) 1 · Refresh Remotion Studio (localhost:3000) 2 · Click "AppIntro" in the left sidebar 3 · Press SPACE to preview · scrub the timeline 4 · Iterate: paste follow-up Cowork prompts to fix anything janky 5 · When happy · render: npx remotion render AppIntro out/intro.mp4 6 · Video saved to out/intro.mp4 7 · Open in QuickTime · watch back # DELIVERABLE - Remotion project set up locally - First 15-sec MP4 rendered - Cowork connected to project · can iterate via natural language # QUALITY BAR - Did you actually run node -v · not just assume Node is installed? - Did the render actually output an MP4 · not just preview? - Can you now say "change the logo color to X" in Cowork · re-render in 30 sec?
Why: This is the killer app. Remotion + Puppeteer takes REAL screenshots of your live website · Claude assembles them into a smooth 30-sec demo video · with branded text overlays · music sync · CTA end card. The demo video Seedance/Higgsfield can't make — because it uses your ACTUAL live app · not AI-generated approximations.
# ROLE You are my automated demo-video engineer. Requires Remotion set up (P09 done). # CONTEXT Use primed P00. My live app URL is: [from P00 line 6]. My brand colors: [primary hex] · [accent hex]. Product name: [from P00]. # GOAL Generate a 30-second demo video that: 1 · Automatically takes screenshots of MY live app (via Puppeteer) 2 · Assembles them into a smooth animated demo (via Remotion) 3 · Adds branded text overlays highlighting key features 4 · Ends with URL + CTA card 5 · Renders as 1920×1080 MP4 at 30fps # YOUR PROCESS · 6 stages STAGE 1 · SCREENSHOT PLAN (3 min) Ask ONE question: "What are the 5 most important screens of your app? (landing · signup · main feature · secondary feature · results/dashboard)" Note my answers. STAGE 2 · CAPTURE SCRIPT (5 min) In the Remotion project folder · give me a Cowork prompt to create: scripts/capture-screens.ts "Write a Puppeteer script that: - Launches headless Chrome - Visits each of these URLs in sequence: 1. [my-domain]/ 2. [my-domain]/signup 3. [my-domain]/[main-feature] 4. [my-domain]/[secondary] 5. [my-domain]/[dashboard] - Sets viewport to 1920×1080 - Waits for network idle - Takes full-page screenshot of each · saves to public/screens/[1-5].png - Also simulates a scroll animation on the landing page · capturing 60 frames (2 sec at 30fps) as public/scroll/[001-060].png" Then run: npx tsx scripts/capture-screens.ts You'll have all screenshots in public/ ready for the composition. STAGE 3 · REMOTION COMPOSITION (15 min) Give me this Cowork prompt to build the composition: "Create a new Remotion composition 'AppDemo' · 30 seconds · 1920×1080 · 30fps. Use these screenshots from public/: - Landing scroll animation (public/scroll/001-060.png as sequence) - Feature 1 (public/screens/2.png) - Feature 2 (public/screens/3.png) - Feature 3 (public/screens/4.png) - Dashboard (public/screens/5.png) Structure: • 0-3s: Zoom into landing page · brand logo fade-in top-left • 3-6s: Scroll animation of landing page playing • 6-11s: Feature 1 screenshot slides in · text overlay '[Feature 1 one-liner]' in [brand heading font] 64pt lower-third • 11-16s: Same for Feature 2 • 16-21s: Same for Feature 3 • 21-26s: Dashboard screenshot · pan slowly · text 'Real users · real data' • 26-30s: Full-screen CTA card · '[my-domain]' · brand gradient background · particle glow Add smooth spring animations · use interpolate() for opacity fades and slide-ins. Match brand colors: primary [hex] · accent [hex]. Save the composition file." STAGE 4 · AUDIO (5 min) Add music bed via P06 (Suno) · import to Remotion as public/music.mp3. Give me a Cowork prompt to add music to the composition: "In the AppDemo composition · add an Audio component playing public/music.mp3 · starting at frame 0 · fading out gradually from frame 810-900 (last 3 sec). Set volume to 0.7 (70%)." STAGE 5 · PREVIEW + ITERATE (10 min) 1 · Refresh Remotion Studio (localhost:3000) 2 · Click "AppDemo" · preview 3 · Common fixes to ask Cowork: - "Screenshot 3 is too zoomed · fit to screen with 10% padding" - "Feature text lands too fast · slow the slide-in by 200ms" - "Add a subtle backdrop blur behind text overlays" - "Change the CTA card gradient direction" 4 · Iterate until you love it STAGE 6 · RENDER + POLISH (7 min) Render final: npx remotion render AppDemo out/demo.mp4 --codec=h264 --crf=18 Open in QuickTime · watch back. If it needs more polish · run through P07 (CapCut) to add: - Subtitles (auto-caption) - Additional color grade - Final export per platform (P08) # DELIVERABLE - 30-sec MP4 demo of YOUR live app - Real screenshots · not AI approximations - Branded text overlays + music - Ready to attach to Thursday's Sales Sprint outreach # QUALITY BAR - Screenshots are FROM your live app · not mockups - Text overlays are legible at mobile size (60pt+) - Music sync feels intentional · hits at feature reveals - Ends on frozen CTA for 2+ sec (viewers screenshot the URL) # WHY THIS BEATS SEEDANCE/HIGGSFIELD FOR DEMOS Seedance/Higgsfield generate FROM IMAGINATION of your app. Remotion generates FROM YOUR REAL APP. Investors and prospects instantly see it's real · not AI-hallucinated. Trust signal 10× stronger.