generate-video_skill

Overview

This skill automates generation of product demo videos from a codebase and project assets. It analyzes the repository, proposes a scenario, generates visual assets (optionally via AI), and renders scenes in parallel using Remotion. The result is a ready-to-use demo video output to the out/ directory.

How this skill works

On /generate-video the skill runs a three-stage flow: codebase analysis to detect framework, UI components, and key features; scenario planning to choose video type, scene sequence, and user-confirmed script; and parallel scene generation that composes visuals, transitions, BGM, and narration into a final Remotion render. If configured, it will call an AI image generator and perform quality checks, regenerating assets up to three times when needed.

When to use it

• You want a quick product demo or teaser from a code repository
• You need an intro demo for a UI change, release note, or onboarding
• You want to convert changelogs or architecture changes into a short video
• You have Remotion configured and Node.js 18+ available
• You need consistent scene timing with narrated voiceover and subtitles

Best practices

• Ensure Remotion is set up before running the command (/remotion-setup)
• Provide a clear CHANGELOG, Plans.md, or feature notes so the analyzer finds highlights
• If using AI image generation, set GOOGLE_AI_API_KEY; otherwise include fallback assets
• Record narration and run ffprobe first to get exact audio lengths for scene timing
• Keep scene counts reasonable (the tool auto-limits parallelism, max 5 concurrent scenes)

Example use cases

• Generate a 30–90s LP/teaser for a new project launch
• Produce a 2–3 minute intro demo showing a key user flow after UI changes
• Create a 1–3 minute release-note video that highlights before/after
• Render an architecture explainer with animated Mermaid diagrams
• Build onboarding clips that guide new users through first-run setup