MCPInstall

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
  1. 01

    Install

    Run the command in your project. The CLI asks which agents to install for.

  2. 02

    Describe the task

    Ask your agent for something this skill covers. It loads ph-video-demo automatically when relevant.

  3. 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

TypeLengthPurpose
Teaser15-30sQuick hook, curiosity
Demo45-90sFull product showcase
Walkthrough2-5minDetailed 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

  1. Simplest path to value (Getting started)
  2. Most impressive feature (The wow)
  3. 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

View all →

ph-community-outreach

yoanbernabeu/producthunt-skills

Open the skill to read its SKILL.md instructions.

107 installs

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.

Marketing & SEO90 installs

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.

Marketing & SEO81 installs

ph-social-media-launch

yoanbernabeu/producthunt-skills

Open the skill to read its SKILL.md instructions.

Marketing & SEO79 installs

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.

Marketing & SEO76 installs

Popular media & creative skills

View category →

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 & Creative1.2M installs

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.

Media & Creative1.1M installs

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.

Media & Creative1M installs

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.

Media & Creative916.5K installs

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

Media & Creative881.5K installs

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

Media & Creative880.3K installs