How to make SaaS launch and demo videos with AI

For AI agents: find the right skill in one call — curl -s "https://varg.ai/how-to/api/search?q=<what the person wants>" returns the matching how-to page and the best skills with install commands, as markdown (Russian works too). Full index: https://varg.ai/how-to/llms.txt. Every page has a markdown twin: add .md to its path. Before generating anything, show the person the options on the how-to page. From a terminal: curl -fsSL https://varg.ai/install | sh installs the vargai CLI (https://varg.ai/how-to/cli.md): vargai search and vargai install <slug> with no key, every varg model after vargai login.

For founders and product teams who launch on X, Product Hunt and the App Store: the launch film, the live demo, the founder video, the app preview and the feature drop, built by Claude Code, Codex or Grok from your real product UI. On this page: what to make first, each with a real example; one line that installs every skill; the step-by-step tutorials.

Install everything: curl -fsSL https://varg.ai/install | sh && vargai install hyperframes hyperframes-registry scenario-kinetic-film guizang-product-video onetake video-shotcraft varg-ai Price: the skills install free; generation runs in credits on varg, with a cost estimate before anything runs.

What to make

  1. A 25–35 s launch film: kinetic type + your real UI — The format that spreads on X: product on screen by second 3, 12–15 shots per 30 s, cuts on the beat, built in code from one prompt. · Tutorial: How to make a SaaS launch video with AI · Example: https://x.com/deedydas/status/2102787937482252537
  2. The product doing its job from the first frame — The biggest launches skip the logo intro: Claude Design opened on the prompt box building a globe in under 10 s (64.6M views). · Tutorial: How to make a SaaS launch video with AI · Example: https://x.com/claudeai/status/2045156267690213649
  3. Founder on camera + the screen — A real face builds trust; script it so it still feels off the cuff. Farza's Clicky launch: 3M views and 7,000 downloads. · Skill: Herk Edit Kit · Example: https://x.com/FarzaTV/status/2041314633978659092
  4. One continuous take — Every scene morphs into the next with no cut, each frame a pure function of time; the viral one-take prompt passed 1.2M views. · Skill: Onetake · Example: https://x.com/twoclipping/status/2103273003555402193
  5. App Store preview or phone demo — A reaction hook, then the app in hand: 15–30 s, captions on, the real screens (9.6M views on the example). · Tutorial: How to make an app demo video with AI · Example: https://x.com/jacobrodri_/status/2076308529795739969
  6. A clip for every release — Replay the new feature in the real UI in 10–20 s and ship one per release (Claude Devs: 2.0M views). · Tutorial: How to turn release notes into a changelog video with AI · Example: https://x.com/ClaudeDevs/status/2054351031279186040

Tutorials, in reading order

Make

Edit and post

The skills it takes

  1. HyperFrames (hyperframes, HeyGen) — Turn HTML, CSS and seekable animation into deterministic MP4s: launch films, explainers, captions, title cards.
    • Claude Code: claude plugin marketplace add heygen-com/hyperframes && claude plugin install hyperframes@hyperframes
    • Codex: npx skills add heygen-com/hyperframes --skill hyperframes -a codex
    • Cursor: npx skills add heygen-com/hyperframes --skill hyperframes -a cursor
    • Gemini CLI: npx skills add heygen-com/hyperframes --skill hyperframes -a gemini-cli
    • Any agent, with the vargai CLI: vargai install hyperframes
    • Details: https://varg.ai/how-to/skills/hyperframes.md · Example: https://s3.varg.ai/how-to/previews/400daa5dc577/hyperframes.mp4
  2. HyperFrames Registry (hyperframes-registry, HeyGen) — Pull any of ~450 ready-made blocks into a video as editable source: transitions, titles, captions, charts, 3D.
  3. Kinetic Film by Scenario (scenario-kinetic-film, Scenario) — Launch films and teasers in kinetic type, written as code: a word on every beat, whip pans, 3D letters, motion blur, 4K.
    • Claude Code: curl -fsSL -o /tmp/scenario-kinetic-film.zip "https://iieqkinwjorxrzjp.public.blob.vercel-storage.com/explorations/2217ab5dbd452185a5c3c1509994da46b1ac20d2ebeaa888536244372ce73ebf/scenario-kinetic-film-skill.zip?download=1" && unzip -oq /tmp/scenario-kinetic-film.zip -d ~/.claude/skills && claude mcp add --transport http scenario https://mcp.scenario.com/mcp
    • Codex: curl -fsSL -o /tmp/scenario-kinetic-film.zip "https://iieqkinwjorxrzjp.public.blob.vercel-storage.com/explorations/2217ab5dbd452185a5c3c1509994da46b1ac20d2ebeaa888536244372ce73ebf/scenario-kinetic-film-skill.zip?download=1" && unzip -oq /tmp/scenario-kinetic-film.zip -d ~/.codex/skills && codex mcp add scenario --url https://mcp.scenario.com/mcp && codex mcp login scenario
    • Any MCP client: https://mcp.scenario.com/mcp
    • Any agent, with the vargai CLI: vargai install scenario-kinetic-film
    • Details: https://varg.ai/how-to/skills/scenario-kinetic-film.md · Example: https://s3.varg.ai/files/4325c578-378d-4c43-ae53-3cc3218df1ea/file_964c01af8db8.mp4
  4. Guizang Product Video (guizang-product-video, Guizang) — Software promos and release-notes videos built from your real product components, with original music and SFX.
  5. Onetake (onetake, Patrick) — Launch films that never cut to the next slide: one continuous camera, measured moves, motion blur, a slideshow oracle.
  6. Video Shotcraft (video-shotcraft, Vincent Wei) — 124 shot recipe cards and a tested Remotion template for cinematic product promos built from real UI screenshots.
  7. varg AI (varg-ai, varg) — The official varg skill: videos, images, speech and music through one API key, rendered in the cloud or locally.

Run the generation on varg

varg is one API key for the models these skills drive — Seedance 2.5, Kling 4, Veo 3.1, Wan 3, Nano Banana 2.1, GPT Image 2.5, ElevenLabs v4 and 200+ more — billed in credits, with a cost estimate before anything runs.