
ph-video-demo
Create effective demo videos for Product Hunt launches. Use this skill to script, structure, and produce demo videos that showcase your product's value and drive engagement.
- Installs
- 86
- Last 24h
- —
- Trending rank
- —
- Security
- Not audited
Install
Works with every agent the skills CLI supports.
npx skills add https://github.com/yoanbernabeu/producthunt-skills --skill ph-video-demo- 01
Install
Run the command in your project. The CLI asks which agents to install for.
- 02
Describe the task
Ask your agent for something this skill covers. It loads ph-video-demo automatically when relevant.
- 03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.
SKILL.md
The instructions your agent reads when the skill is triggered.
Product Hunt Video Demo
This skill helps you create demo videos that capture attention, demonstrate value, and convert Product Hunt visitors into users.
When to Use This Skill
- Scripting your Product Hunt demo video
- Deciding on video format and length
- Planning the visual flow
- Choosing recording tools
- Optimizing for Product Hunt audience
Video Specifications
Technical Requirements
- Platform: YouTube only (for PH embedding)
- Visibility: Public or Unlisted (NOT Private)
- Upload timing: Before launch day (test embed!)
Optimal Length
| Type | Length | Purpose |
|---|---|---|
| Teaser | 15-30s | Quick hook, curiosity |
| Demo | 45-90s | Full product showcase |
| Walkthrough | 2-5min | Detailed tutorial |
Product Hunt Sweet Spot: 30-60 seconds
Video Structure Framework
The 3-Act Structure
ACT 1: THE HOOK (0-10 seconds)
├── Problem statement OR
├── Bold claim OR
└── Question that resonates
ACT 2: THE DEMO (10-45 seconds)
├── Show product in action
├── Highlight key features
└── Demonstrate the "aha" moment
ACT 3: THE CLOSE (45-60 seconds)
├── Recap value prop
├── Call to action
└── Special offer (optional)
Scripting Guide
Second-by-Second Template
[0:00-0:05] HOOK
"[Problem statement or attention-grabber]"
[0:05-0:10] INTRODUCTION
"[Product name] lets you [core value prop]"
[0:10-0:20] FEATURE 1 (Most impressive)
"Watch how easy it is to [action]..."
[Show action happening]
[0:20-0:30] FEATURE 2
"And when you need to [action]..."
[Show action]
[0:30-0:40] FEATURE 3 / THE WOW MOMENT
"The best part? [Unique capability]"
[Show the magic]
[0:40-0:50] RESULTS / PROOF
"[Users/Companies] have already [achieved result]"
[0:50-0:60] CTA
"Try [Product] free at [domain].
Special for Product Hunt: [offer]"
Hook Formulas
Formula 1: The Pain Point
"If you've ever spent hours [frustrating task],
you know how painful [problem] can be."
Formula 2: The Bold Claim
"What if you could [impressive outcome]
in [surprisingly short time]?"
Formula 3: The Question
"Why do [target audience] still struggle with
[problem] in [current year]?"
Formula 4: The Statistic
"[Target audience] waste [X hours/dollars]
every [timeframe] on [problem]. We fixed that."
Formula 5: The Story Start
"Last month, I lost [something valuable]
because [problem]. So I built [Product]."
Demo Section Best Practices
Show, Don't Tell
- ✓ Cursor movements with purpose
- ✓ Highlight clicks with zoom/callouts
- ✓ Real data (or realistic fake data)
- ✓ Smooth, practiced actions
Pacing
- ✓ Fast enough to maintain interest
- ✓ Slow enough to follow
- ✓ Pause on key moments
- ✓ No dead time
What to Demonstrate
- Simplest path to value (Getting started)
- Most impressive feature (The wow)
- Unique differentiator (Why you, not them)
Voice & Narration
Option 1: Founder Voiceover
Pros: Authentic, personal, builds connection Cons: May not be professional quality
Tips:
- Use external microphone
- Record in quiet space
- Speak naturally, not scripted
- Energy matters!
Option 2: Professional VO
Pros: Polished, clear Cons: Less personal, costs money
Option 3: No Voice (Music + Text)
Pros: Universal (no language barrier) Cons: Less engaging, harder to follow
If using text overlays:
- Large, readable font
- High contrast
- Short phrases
- Synced with actions
Option 4: AI Voiceover
Tools: ElevenLabs, Murf, Play.ht Pros: Quick, consistent, multiple takes Cons: Can sound robotic
Visual Production
Screen Recording Tips
- Clean desktop (hide personal info)
- Close unnecessary tabs/apps
- Use zoom/focus effects
- Highlight cursor
- 1080p minimum resolution
Recommended Recording Tools
Basic:
- Loom (free tier available)
- QuickTime (Mac)
- OBS (free, powerful)
Professional:
- ScreenStory
- Screen Studio (Mac)
- Camtasia
For Polished Demos:
- Arcade
- Supademo
- CleanShot X
Post-Production
- Cut dead time
- Add zoom on important actions
- Include transitions (subtle)
- Add background music (quiet)
- Export at 1080p
Music & Audio
Background Music
- Keep it subtle (under voice)
- Upbeat but not distracting
- Royalty-free sources:
- Epidemic Sound
- Artlist
- YouTube Audio Library (free)
Audio Levels
- Voice: Primary volume
- Music: 10-20% of voice volume
- No sudden volume changes
Thumbnails & Titles
YouTube Thumbnail
- Custom thumbnail (not auto-generated)
- Product name visible
- Clear, simple design
- Matches PH gallery style
Video Title
[Product Name] - [Core Value Prop] | Product Hunt Launch
Example:
Raycast - Supercharged Productivity for Mac | Product Hunt Launch
Video Types by Product
SaaS/Web App
[Hook] → [Dashboard tour] → [Key workflow] → [Integration] → [CTA]
Developer Tool
[Problem] → [Installation] → [Code example] → [Result] → [Docs mention]
Mobile App
[Phone mockup] → [Onboarding] → [Key screens] → [Use case] → [Download CTA]
AI Product
[Input example] → [AI processing] → [Output magic] → [Variations] → [Try it]
Common Mistakes to Avoid
- ❌ Too long (over 90 seconds)
- ❌ Slow start (hook must be immediate)
- ❌ Too many features (focus on 2-3)
- ❌ Poor audio quality
- ❌ Robotic reading of script
- ❌ No clear CTA at end
- ❌ Private YouTube video
- ❌ Uploading on launch day (test first!)
Video Checklist
Pre-Production
- Script written and practiced
- Hook crafted for first 5 seconds
- Features prioritized (top 3)
- Recording environment prepared
Production
- High-quality recording (1080p+)
- Clear audio (external mic)
- Smooth demo (no fumbling)
- Clean desktop/environment
Post-Production
- Dead time removed
- Zoom effects on key moments
- Background music added
- Captions/subtitles (optional but helpful)
Publishing
- Uploaded to YouTube (Public/Unlisted)
- Custom thumbnail set
- Descriptive title
- Tested embed on PH before launch
Output Format
VIDEO SCRIPT FOR: [Product Name]
DURATION: [X seconds/minutes]
FORMAT: [Screen recording / Mixed / Animation]
VOICE: [Founder / Professional / AI / None]
---
SCRIPT:
[0:00-0:05] HOOK
[Write exact script]
[0:05-0:10] INTRO
[Write exact script]
[0:10-0:25] DEMO - FEATURE 1
Visual: [Describe what's on screen]
Script: "[Narration]"
[0:25-0:40] DEMO - FEATURE 2
Visual: [Describe what's on screen]
Script: "[Narration]"
[0:40-0:50] WOW MOMENT
Visual: [Describe what's on screen]
Script: "[Narration]"
[0:50-0:60] CTA
Visual: [Describe what's on screen]
Script: "[Narration]"
---
PRODUCTION NOTES:
- Recording tool: [Recommendation]
- Music style: [Upbeat/Calm/None]
- Key zoom moments: [Timestamps]
- Thumbnail concept: [Description]
FAQ
What does the ph-video-demo skill do?
Create effective demo videos for Product Hunt launches. Use this skill to script, structure, and produce demo videos that showcase your product's value and drive engagement.
How do I install ph-video-demo?
Run npx skills add https://github.com/yoanbernabeu/producthunt-skills --skill ph-video-demo in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/ph-video-demo/ (personal) or .claude/skills/ph-video-demo/ (project).
Which AI agents can use ph-video-demo?
Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.
Is ph-video-demo safe to install?
No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.
Who maintains ph-video-demo?
It is published by yoanbernabeu in yoanbernabeu/producthunt-skills. It has 86 recorded installs.
More from yoanbernabeu/producthunt-skills
ph-community-outreach
yoanbernabeu/producthunt-skills
Open the skill to read its SKILL.md instructions.
ph-competitor-analysis
yoanbernabeu/producthunt-skills
Analyze competing Product Hunt launches and benchmark against top performers. Use this skill to research similar products, understand competitive landscape on your chosen launch day, and learn from successful launches in your category.
ph-pricing-psychology
yoanbernabeu/producthunt-skills
Open the skill to read its SKILL.md instructions.
ph-launch-strategy
yoanbernabeu/producthunt-skills
Strategic planning for Product Hunt launches. Use this skill when you need to define launch objectives, create a preparation timeline, or develop an overall launch strategy. Helps with goal-setting, timeline creation, and strategic decision-making.
ph-social-media-launch
yoanbernabeu/producthunt-skills
Open the skill to read its SKILL.md instructions.
ph-launch-day-checklist
yoanbernabeu/producthunt-skills
Complete hour-by-hour checklist for Product Hunt launch day execution. Use this skill to ensure nothing is missed during the critical 24-hour launch window.
Popular media & creative skills
hyperframes
heygen-com/hyperframes
Read first to make, edit, animate or render any video with HyperFrames (HTML rendered to video), including launch films, explainers, music videos, charts, maps, vertical clips, title cards, captions and overlays. Holds the render contract, the work loop and what each kind of video needs.
media-use
heygen-com/hyperframes
Get or make any media for a HyperFrames video - music, sound effects, images, icons, logos, voiceover, avatar and generated video, transcripts, cutouts, colour grades and looks - with HeyGen or free local tools, and mix placed audio. Also for footage that looks dark, flat or dull, or should be stylized or hidden.
hyperframes-registry
heygen-com/hyperframes
About 450 ready-made HyperFrames blocks and components installed as editable source - transitions, overlays, titles, kinetic type, captions, charts, map overlays, 3D, camera moves. Use it before hand-building any named visual (CRT scanlines, glitch, film grain, a chart); also for hyperframes add and catalog.
hyperframes-creative
heygen-com/hyperframes
Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use hyperframes-animation.
ai-video-generation
101-skills/superpowers
Generate AI videos with Google Veo, Seedance 2.0, HappyHorse, Wan, Grok and 40+ models via inference.sh CLI. Models: Veo 3.1, Veo 3, Seedance 2.0, HappyHorse 1.0, Wan 2.5, Grok Imagine Video, OmniHuman, Fabric, HunyuanVideo. Capabilities: text-to-video, image-to-video, reference-to-video, video editing, lipsync, avatar animation, video upscaling, foley sound. Use for: social media videos, marketing content, explainer videos, product demos, AI avatars. Triggers: video generation, ai video, text to video, image to video, veo, animate image, video from image, ai animation, video generator, generate video, t2v, i2v, ai video maker, create video with ai, runway alternative, pika alternative, sora alternative, kling alternative, seedance, happyhorse
ai-image-generation
101-skills/superpowers
Generate AI images with GPT-Image-2, FLUX, Gemini, Grok, Seedream, Reve and 50+ models via inference.sh CLI. Models: GPT-Image-2, FLUX Dev LoRA, FLUX.2 Klein LoRA, Gemini 3 Pro Image, Grok Imagine, Seedream 4.5, Reve, ImagineArt. Capabilities: text-to-image, image-to-image, inpainting, LoRA, image editing, upscaling, text rendering. Use for: AI art, product mockups, concept art, social media graphics, marketing visuals, illustrations. Triggers: flux, image generation, ai image, text to image, stable diffusion, generate image, ai art, midjourney alternative, dall-e alternative, text2img, t2i, image generator, ai picture, create image with ai, generative ai, ai illustration, grok image, gemini image, gpt image, openai image, chatgpt image