explainer-video-guide

Q: How do I install explainer-video-guide?

Run npx skills add https://github.com/101-skills/superpowers --skill explainer-video-guide 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/explainer-video-guide/ (personal) or .claude/skills/explainer-video-guide/ (project).

by 101-skillsMedia & Creative

Explainer video production guide: scripting, voiceover, visuals, and assembly. Covers script formulas, pacing rules, scene planning, and multi-tool pipelines. Use for: product demos, how-it-works videos, onboarding videos, social explainers. Triggers: explainer video, how to make explainer, product video, demo video, video production, video script, animated explainer, product demo video, tutorial video, onboarding video, walkthrough video, video pipeline

Installs: 154
Last 24h: —
Trending rank: —
Security: Not audited

Install

Works with every agent the skills CLI supports.

npx skills add https://github.com/101-skills/superpowers --skill explainer-video-guide

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 explainer-video-guide 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.

Install the belt CLI skill: npx skills add belt-sh/cli

Explainer Video Guide

Create explainer videos from script to final cut via inference.sh CLI.

Quick Start

Requires inference.sh CLI (belt). Install instructions

belt login

# Generate a scene for an explainer
belt app run google/veo-3-1-fast --input '{
  "prompt": "Clean motion graphics style animation, abstract data flowing between connected nodes, blue and white color scheme, professional corporate aesthetic, smooth transitions"
}'

Script Formulas

Problem-Agitate-Solve (PAS) — 60 seconds

Section	Duration	Content	Word Count
Problem	10s	State the pain point the viewer has	~25 words
Agitate	10s	Show why it's worse than they think	~25 words
Solution	15s	Introduce your product/idea	~35 words
How It Works	20s	Show 3 key steps or features	~50 words
CTA	5s	One clear next action	~12 words

Before-After-Bridge (BAB) — 90 seconds

Section	Duration	Content
Before	15s	Show the current frustrating state
After	15s	Show the ideal outcome
Bridge	40s	Explain how your product gets them there
Social Proof	10s	Quick stat or testimonial
CTA	10s	Clear next step

Feature Spotlight — 30 seconds (social)

Section	Duration	Content
Hook	3s	Surprising fact or question
Feature	15s	Show one feature solving one problem
Result	7s	The outcome/benefit
CTA	5s	Try it / Learn more

Pacing Rules

Content Type	Words Per Minute	Notes
Standard narration	150 wpm	Conversational pace
Complex/technical	120 wpm	Allow processing time
Energetic/social	170 wpm	Faster for short-form
Children's content	100 wpm	Clear and slow

Key rule: 1 scene per key message. Don't pack multiple ideas into one visual.

Scene Duration Guidelines

Establishing shot: 3-5 seconds
Feature demonstration: 5-8 seconds
Text/stat on screen: 3-4 seconds (must be readable)
Transition: 0.5-1 second
CTA screen: 3-5 seconds

Visual Production

Scene Types

# Product in context
belt app run google/veo-3-1-fast --input '{
  "prompt": "Clean product demonstration video, hands typing on a laptop showing a dashboard interface, bright modern office, soft natural lighting, professional"
}'

# Abstract concept visualization
belt app run bytedance/seedance-2-0 --input '{
  "prompt": "Abstract motion graphics, colorful data streams connecting floating geometric shapes, smooth fluid animation, dark background with glowing elements, tech aesthetic",
  "generate_audio": true
}'

# Lifestyle/outcome shot
belt app run google/veo-3-1-fast --input '{
  "prompt": "Happy person relaxing on couch with laptop, smiling at screen, bright airy living room, warm afternoon light, satisfied customer feeling, lifestyle commercial style"
}'

# Before/after comparison
belt app run falai/flux-dev-lora --input '{
  "prompt": "Split screen comparison, left side cluttered messy desk with papers and stress, right side clean organized minimalist workspace, dramatic difference, clean design"
}'

Image-to-Video for Scenes

# Generate a still frame first
belt app run falai/flux-dev-lora --input '{
  "prompt": "Professional workspace with glowing holographic interface, futuristic but clean, blue accent lighting"
}'

# Animate it
belt app run falai/wan-2-5-i2v --input '{
  "prompt": "Gentle camera push in, holographic elements subtly floating and rotating, soft ambient light shifts",
  "image": "path/to/workspace-still.png"
}'

Voiceover Production

Script Writing Tips

Short sentences. Max 15 words per sentence.
Active voice. "You can track your data" not "Your data can be tracked."
Conversational tone. Read it aloud — if it sounds stiff, rewrite.
One idea per sentence. One sentence per visual beat.

Generating Voiceover

# Professional narration with Dia TTS
belt app run falai/dia-tts --input '{
  "prompt": "[S1] Tired of spending hours on reports that nobody reads? There is a better way. Meet DataFlow. It turns your raw data into visual stories... in seconds. Just connect your source, pick a template, and share. Try DataFlow free today."
}'

Pacing Control in TTS

Technique	Effect	Example
Period `.`	Medium pause	"This changes everything. Here's how."
Ellipsis `...`	Long pause (dramatic)	"And the result... was incredible."
Comma `,`	Short pause	"Fast, simple, powerful."
Exclamation `!`	Emphasis/energy	"Start building today!"
Question `?`	Rising intonation	"What if there was a better way?"

Music & Audio

Background Music Guidelines

Volume: 20-30% under narration (duck 6-12dB when voice plays)
Style: match the brand tone (corporate = ambient electronic, startup = upbeat indie)
Structure: intro swell (first 3s) -> subtle loop under narration -> swell at CTA
No vocals: instrumental only under narration

# Generate background music
belt app run <music-gen-app> --input '{
  "prompt": "upbeat corporate background music, modern electronic, 90 BPM, positive and professional, no vocals, suitable for product explainer video"
}'

Assembly Pipeline

Full Production Workflow

# 1. Generate voiceover
belt app run falai/dia-tts --input '{
  "prompt": "[S1] Your script here..."
}'

# 2. Generate scene visuals (in parallel)
belt app run google/veo-3-1-fast --input '{"prompt": "scene 1 description"}' --no-wait
belt app run google/veo-3-1-fast --input '{"prompt": "scene 2 description"}' --no-wait
belt app run google/veo-3-1-fast --input '{"prompt": "scene 3 description"}' --no-wait

# 3. Merge scenes into sequence
belt app run infsh/media-merger --input '{
  "media": ["scene1.mp4", "scene2.mp4", "scene3.mp4"]
}'

# 4. Add voiceover to video
belt app run infsh/video-audio-merger --input '{
  "video": "merged-scenes.mp4",
  "audio": "voiceover.mp3"
}'

# 5. Add captions
belt app run infsh/caption-videos --input '{
  "video": "final-with-audio.mp4",
  "caption_file": "captions.srt"
}'

Video Length by Format

Format	Length	Platform
Social teaser	15-30s	TikTok, Instagram Reels, YouTube Shorts
Product demo	60-90s	Website, landing page
Feature explainer	90-120s	YouTube, email
Tutorial/walkthrough	2-5min	YouTube, help center
Investor pitch video	2-3min	Pitch deck supplement

Transition Types

Transition	When to Use	Effect
Cut	Default between related scenes	Clean, professional
Dissolve/Crossfade	Time passing, mood shift	Soft, contemplative
Wipe	New topic or section	Clear separation
Zoom/Push	Drilling into detail	Focus attention
Match cut	Visual similarity between scenes	Clever, memorable

Common Mistakes

Mistake	Problem	Fix
Script too wordy	Voiceover rushed, viewer overwhelmed	Cut to 150 wpm max
No hook in first 3s	Viewers leave immediately	Start with the problem or surprising stat
Visuals lag narration	Confusing disconnect	Visuals should match or slightly precede words
Background music too loud	Can't hear narration	Duck music 6-12dB under voice
No captions	85% of social video watched silent	Always add captions
Too many ideas	Viewer retains nothing	One core message per video

Related Skills

npx skills add inference-sh/skills@ai-video-generation
npx skills add inference-sh/skills@video-prompting-guide
npx skills add inference-sh/skills@text-to-speech
npx skills add inference-sh/skills@prompt-engineering

Browse all apps: belt app list

FAQ

What does the explainer-video-guide skill do?

How do I install explainer-video-guide?

Run npx skills add https://github.com/101-skills/superpowers --skill explainer-video-guide 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/explainer-video-guide/ (personal) or .claude/skills/explainer-video-guide/ (project).

Which AI agents can use explainer-video-guide?

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 explainer-video-guide 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 explainer-video-guide?

It is published by 101-skills in 101-skills/superpowers. It has 154 recorded installs.

More from 101-skills/superpowers

View all →

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

twitter-automation

101-skills/superpowers

Automate Twitter/X with posting, engagement, and user management via inference.sh CLI. Apps: x/post-tweet, x/post-create (with media), x/post-like, x/post-retweet, x/dm-send, x/user-follow. Capabilities: post tweets, schedule content, like posts, retweet, send DMs, follow users, get profiles. Use for: social media automation, content scheduling, engagement bots, audience growth, X API. Triggers: twitter api, x api, tweet automation, post to twitter, twitter bot, social media automation, x automation, tweet scheduler, twitter integration, post tweet, twitter post, x post, send tweet

Marketing & SEO880K installs

ai-avatar-video

101-skills/superpowers

Create AI avatar and talking head videos via inference.sh CLI. Recommended: P-Video-Avatar (fastest, cheapest, built-in TTS). Also: OmniHuman, Fabric, PixVerse. Audio: Inworld TTS-2 (100+ languages, emotion steering for characters), ElevenLabs, Kokoro. Capabilities: audio-driven avatars, text-to-avatar, lipsync videos, talking head generation, virtual presenters, UGC content. Use for: AI presenters, explainer videos, virtual influencers, dubbing, marketing videos, UGC ads, gaming avatars, NPC dialogue. Triggers: ai avatar, talking head, lipsync, avatar video, virtual presenter, ai spokesperson, audio driven video, heygen alternative, synthesia alternative, talking avatar, lip sync, video avatar, ai presenter, digital human, ugc, ugc video, ugc ad, avatar ugc

Media & Creative879.7K installs

agent-browser

101-skills/superpowers

Browser automation for AI agents via inference.sh. Navigate web pages, interact with elements using @e refs, take screenshots, record video. Capabilities: web scraping, form filling, clicking, typing, drag-drop, file upload, JavaScript execution. Use for: web automation, data extraction, testing, agent browsing, research. Triggers: browser, web automation, scrape, navigate, click, fill form, screenshot, browse web, playwright, headless browser, web agent, surf internet, record video

Productivity & Automation166.4K installs

web-search

101-skills/superpowers

Web search and content extraction with Tavily and Exa via inference.sh CLI. Apps: Tavily Search, Tavily Extract, Exa Search, Exa Answer, Exa Extract. Capabilities: AI-powered search, content extraction, direct answers, research. Use for: research, RAG pipelines, fact-checking, content aggregation, agents. Triggers: web search, tavily, exa, search api, content extraction, research, internet search, ai search, search assistant, web scraping, rag, perplexity alternative

Productivity & Automation111.2K 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-image-generation

magentosh/superpowers

Media & Creative772.8K installs

ai-video-generation

magentosh/superpowers

Media & Creative772.4K installs

explainer-video-guide

Install

Install

Describe the task

Review the result

SKILL.md

Explainer Video Guide

Quick Start

Script Formulas

Problem-Agitate-Solve (PAS) — 60 seconds

Before-After-Bridge (BAB) — 90 seconds

Feature Spotlight — 30 seconds (social)

Pacing Rules

Scene Duration Guidelines

Visual Production

Scene Types

Image-to-Video for Scenes

Voiceover Production

Script Writing Tips

Generating Voiceover

Pacing Control in TTS

Music & Audio

Background Music Guidelines

Assembly Pipeline

Full Production Workflow

Video Length by Format

Transition Types

Common Mistakes

Related Skills

FAQ

More from 101-skills/superpowers

Popular media & creative skills