Can I customize the narration script?

Yes, the skill generates a tight narration script based on your app structure and feature description which can be refined before rendering.

Are there any prerequisites for using this skill?

You will need the Remotion dev skills added to your environment and an optional ElevenLabs integration for voiceover capabilities.

What technology does this skill use to create videos?

It primarily uses Remotion for programmatic video composition and ElevenLabs for optional high-quality voiceover generation.

What is the final output format?

The skill renders the final project into a standard MP4 file saved directly in your current working directory.

Is this suitable for marketing videos?

Yes, it is specifically designed for creating professional explainer videos, marketing previews, and app walkthroughs.

The Demo Video skill streamlines the creation of high-quality video content by automating the production pipeline. It analyzes application features to generate narration scripts, captures visual assets, and utilizes Remotion for programmatic scene composition. Whether you need a quick feature preview or a detailed explainer video, this skill handles everything from screen recording to MP4 rendering, including optional AI-powered voiceover integration.

Key Features

01Seamless voiceover synchronization

02Direct MP4 rendering for marketing and documentation

03Automated screen and screenshot capture

04Programmatic video composition via Remotion

05AI-driven narration script generation

065 GitHub stars

Use Cases

01Automating the creation of user onboarding video tutorials

02Generating feature-specific walkthroughs for new product releases

03Producing programmatic marketing clips for social media previews

name	description	argument-hint	effort
demo-video	Generate product demo videos programmatically with Remotion + voiceover. Use when: creating product demos, explainer videos, feature walkthroughs, marketing videos, or app previews. Handles screen capture, voiceover sync, and rendering. Keywords: demo, video, screencast, explainer, walkthrough.	[product] [feature to demo, e.g. 'status page builder']	high

Demo Video

What This Does

Analyze app structure + feature description.
Generate a tight narration script.
Capture screenshots or short recordings.
Generate voiceover via /voiceover when needed.
Compose scenes with Remotion.
Render to MP4.

Prerequisites

Remotion skills: npx skills add remotion-dev/skills
Optional voiceover: ElevenLabs

Usage

/demo-video heartbeat "status page builder"
/demo-video caesar "onboarding flow" with voiceover

Output

demo-[product]-[feature].mp4 in current directory

References

references/remotion-patterns.md
references/kickstart-guide.md

Demo Video Automator