Demo Video Script (30-60 Seconds)
Guides recording and editing a 30, 60 second product demo video with a timed script, screen prep, and post-production steps.
What this file does
Guides recording and editing a 30, 60 second product demo video with a timed script, screen prep, and post-production steps.
When to use it
- Need a quick demo video for a SaaS product
- Want a repeatable template for product walkthroughs
- Recording a demo for social media or open-source promotion
- Require a checklist to avoid common recording mistakes
Assumes this stack
Demo Video Script (30-60 Seconds)
š„ Recording Setup
Tools You Need:
- Loom (free) - loom.com
- CapCut (free) - for adding text
- Or Screen Studio ($89) - if you want pro quality
Browser Prep:
- Open Incognito/Private window
- Hide bookmarks bar (Cmd/Ctrl + Shift + B)
- Zoom to 90% (Cmd/Ctrl + -)
- Close all other tabs
- Full screen browser (F11 on Windows, Cmd+Ctrl+F on Mac)
Screen Resolution:
- Set to 1920x1080 (HD)
- Or 2560x1440 (better quality)
š Script (45 Seconds Total)
Scene 1: Landing Page (0:00-0:08)
What to show:
- Open http://localhost:3000
- Scroll slowly down the page
- Pause on the form for 2 seconds
Text overlay:
"AI-powered client intake"
Cursor movement:
- Slow, deliberate
- Highlight "Qualify leads while you sleep"
Scene 2: Fill Form (0:08-0:15)
What to do:
- Click into name field
- Type fast (or speed up 2x in editing):
- Name: "Sarah Chen"
- Email: "sarah@startup.com"
- Service: "Need help building a landing page for my SaaS"
- Budget: "$3,000"
- Click "Continue ā"
Text overlay:
"Client fills out form"
Tip: You can type slower and speed it up 2x in CapCut
Scene 3: AI Conversation (0:15-0:30)
What to show:
- AI's first message appears
- Type response: "We're launching in 2 months"
- AI asks about budget
- Type: "Around $3-5k"
- AI asks one more question
- Type answer
- AI says: "Great news ā you're a perfect fit. I'll send you a booking link shortly."
Text overlay:
[0:15] "AI qualifies in real-time"
[0:25] "Detects good fit automatically"
Tip: Keep responses SHORT. Don't actually have a long conversation.
Scene 4: Email (0:30-0:38)
What to show:
- Switch to Gmail/email
- Show the "Let's talk" email
- Highlight the Cal.com booking link
- Maybe hover over it
Text overlay:
"Booking link sent instantly"
Tip: Have email open in another window, quick switch (Alt+Tab)
Scene 5: Dashboard (0:38-0:45)
What to show:
- Switch to http://localhost:3000/dashboard
- Show the stats (1 qualified lead)
- Scroll to show the lead card
- Click on it to show conversation history
Text overlay:
"Everything tracked in dashboard"
Ending frame:
"Open source on GitHub
github.com/yourname/repo"
š¬ Alternative: Speed-Run Version (30 Seconds)
If 45 seconds is too long:
0:00-0:05 Landing page (quick scroll)
0:05-0:10 Form fill (2x speed)
0:10-0:20 Chat (3 messages total, sped up)
0:20-0:25 Email arrives
0:25-0:30 Dashboard view + ending
āļø Editing in CapCut (Free)
Steps:
- Import your Loom video
- Speed up boring parts:
- Form filling ā 1.5x speed
- Typing ā 2x speed
- Add text overlays:
- Use "Text" ā "Default"
- Font: Inter or Montserrat (built-in)
- Position: Bottom third
- White text, black background box
- Add zoom-ins (optional):
- When AI says "perfect fit"
- When email arrives
- Export:
- 1080p HD
- 60 FPS
- MP4 format
š± For X/Twitter
Video Requirements:
- Max length: 2 minutes 20 seconds
- Max size: 512MB
- Recommended: Under 1 minute for better engagement
- Format: MP4, MOV
- Resolution: 1920x1080 or 1280x720
Posting Tips:
- Upload directly to X (not YouTube link)
- Add captions - many watch muted
- First frame matters - show something interesting
- Pin the tweet on your profile
Caption for X:
Built an AI intake agent that qualifies leads while you sleep
ā Instant 24/7 response
ā Smart qualification
ā Auto booking
Built with Groq + Next.js + Supabase
Completely open source
Full demo š
šÆ Pro Tips
Make It Feel Real:
- Use a REAL name, not "Test User"
- Use a REAL-looking email (not test@test.com)
- Write REALISTIC project descriptions
- Make the budget seem real
Cursor Movements:
- Slow and deliberate - not frantic
- Highlight important text by hovering
- Pause on key moments (when AI makes decision)
Avoid:
- ā Mouse moving all over the place
- ā Typing errors that you backspace
- ā Switching windows frantically
- ā Background notifications popping up
- ā Messy browser with 50 tabs
Do:
- ā Clean browser, one tab
- ā Smooth cursor movements
- ā Deliberate pacing
- ā Clear text overlays
- ā Show the value, not just features
šØ Optional: Add Branding
If you want it to look EXTRA professional:
-
Add intro card (2 seconds):
Black screen with white text: "IntakeAI" "AI Client Qualification" -
Add outro card (3 seconds):
"Open source on GitHub" "github.com/yourname/repo" "ā Star if useful"
ā Checklist Before Recording
- Close all browser tabs except the app
- Hide bookmarks bar
- Clear browser history/cookies (clean look)
- Use incognito mode
- Zoom browser to 90-100%
- Close Slack, Discord, notifications
- Test your microphone is MUTED (you don't need audio)
- Have email open in another window for quick switch
- Prepare the lead data in advance (name, email, etc.)
- Run through once before recording
š After Posting
Track Engagement:
- Views on first hour
- Likes/RTs in first 24 hours
- GitHub stars (if you link repo)
- DMs asking questions
Respond to Comments:
- Answer technical questions
- Share how you built it
- Offer to help others deploy
Follow-Up Content:
- "How I built this in 2 days" thread
- "3 things I learned building an AI agent"
- "Adding [feature] based on feedback"
šÆ Final Output
Your video should:
- Be 30-60 seconds
- Show the FULL user journey
- Look clean and professional
- Have clear text overlays
- End with CTA (GitHub link)
After editing, it should feel like:
- A product demo, not a screen recording
- Intentional, not rushed
- Clear value prop, not just features
- Professional, not "I made this in my basement"
Ready to record? Follow this script shot-by-shot. You got this! š¬
What's inside
5 timed scenes, alternative speed-run version, editing steps, platform requirements, pro tips, branding options, and a pre-recording checklist.
Change this for your project
- Replace
http://localhost:3000with your app's URL - Replace
github.com/yourname/repowith your actual GitHub repo - Replace
IntakeAIwith your product name
Where it goes
Keep it in your repository where the agent or team that needs it will read it.
Worth borrowing
- Use a real-looking name and email in the demo to increase authenticity
- Speed up typing and form-filling in editing rather than recording at 1x speed
Related Documents
āļø Content Creation Prompts
Provides 10 structured prompt templates for creating blog posts, social captions, email sequences, ad copy, video scripts, case studies, subject lines, repurposing plans, landing pages, and newsletters.
Demo Video Script - Kinetic Ledger
Provides a complete 10-scene video script for demoing a blockchain-based fitness fraud detection app, including voiceover, visuals, and post-production checklist.
Scriptwriting
Converts a research brief into a structured video script with timed segments, visual types, and narration rules for two specific formats.