Videos for apps and SaaS

An app launch video, a SaaS promo or a feature announcement works best when it shows the product doing its job: your real screens, your real words and one clear next step. With Claude Code and HyperFrames you describe that video in a prompt, and Claude Code builds it as code from your screenshots, checks it and renders an MP4.

Below are the formats that suit software, the Motion Cheat Code templates that fit each one, and one real launch-video run.

Video ideas for apps and SaaS

1. The launch video

A launch needs the promise, a few features and a call to action. A prompt can ask Claude Code to capture your website with npx hyperframes capture and build the promo from the site's own copy, colors and screenshots, or you can hand it a script. See a promo video for your website.

2. Input to result

t22 Prompt to Reel types a request, presses ENTER and boots a phone that plays a short result. It suits any product where someone types or uploads something and gets something back. Its variables are the two step labels, the typed prompt, the result title, a count-up number and its label, a sticker and the accent color.

3. A tour of three screens

t23 Phone Showcase swipes a phone mockup through three app screens while a numbered caption pill explains each one. Swap in three portrait screenshots and three short captions.

4. Feature callouts

t24 Feature Callouts scans your product in on a blueprint sheet, draws dimension lines and points three numbered callouts at its best features. Use it for hardware, or for a cut-out image of your app or device with three real features named.

5. Feature announcements and changelogs

The Prompt Vault's product prompts include a new-feature announcement, where a cursor switches the feature on in a settings card and a success toast pops, and a weekly "What's new" list with color-coded NEW, FIX and IMPROVED tags. For a quick list of changes, t16 Checklist is the closest ready template.

6. Onboarding tips

Teach one task with one real screenshot: a cursor glides to each button, clicks, the frame zooms in and a numbered label names the step. Another prompt puts a landscape screen recording in a vertical frame with a headline, zoom punch-ins and a progress bar, so a desktop tutorial works as a reel. The move behind the clicks is M29 Cursor Click, one of the 30 named moves.

7. Progress and launch numbers

t11 Progress Ring fills a ring to a percentage while the number counts with it, then pops a check pill: beta seats filled, a migration finished, a roadmap goal reached. t14 Sale Notifications drops generic "New order" cards onto a stack while a total climbs. Both show exactly the numbers you give them, so keep placeholders in until you have real ones.

8. Brand intro and follow reminder

t29 Logo Sting spirals chrome shapes into the center, flashes white and lands your product name in extruded chrome. t35 Follow Button is a transparent card with a generic Follow button that gets tapped, for the end of a reel or on top of your own footage.

A real run: the Chairly launch video

Chairly is a made-up booking app for barbers, invented for a demo. One prompt asked for a 35-second 16:9 launch video with a voice-over. Claude Code wrote the script, voiced it with the pack's offline voice-over tool (Kokoro, an open-source English engine), picked music and sound effects from the kit, built every scene, checked its work and rendered the MP4.

That run took about 37 minutes from Enter to MP4, after the one-time setup, with no follow-up prompts and no edits after the render. It is one real run, not an average: times vary with the prompt, the computer and the network. Chairly, its numbers and its clients are all made up. Your own video should use your real screens, features and figures.

Prompts you can adapt

A tour of three screens from a template:

Use template t23 Phone Showcase. Screens: assets/home.png, assets/week.png and assets/done.png. Captions: "Plan your day", "Stay on track", "Celebrate wins". Accent #3B5BFF. Render to renders/app-tour.mp4.

Launch-day orders, with placeholders you replace before posting:

Use template t14 Sale Notifications. Product "[your plan name]", price [your real price], currency "$", count [your real number of orders, 5 or more]. Render to renders/launch-day.mp4.

A 16:9 launch video with a voice-over, written with the five buttons:

Make this with HyperFrames and my motion-cheat-code skill. The brief is complete.
FORMAT: 1920 x 1080, 30 fps, 30 s. Project launch-wide.
SCENES: the promise from my site in one line, three features shown with my screenshots in assets/, then the button text "[your call to action]" and my web address.
STYLE: Skin SAAS, accent [your brand hex], 96 px margins.
SOUND: an English voice-over of script.txt made with my offline voice-over tool, a kit music loop under the voice, small effects on the feature pills.
RENDER: check, snapshot, look, fix, render to renders/launch-wide.mp4 and report.

What to prepare

• Screenshots of your real screens, portrait for the phone mockups.
• The words you already use: the promise, the feature names, the button text.
• Your logo as SVG or PNG and your brand colors as hex values.
• Real numbers only, for progress and launch posts.

Getting started

The free starter kit lets you try the workflow with one template, three prompts, five sound effects and three UI Motion animations for landing pages and product screens. The full pack adds the product templates above, all 36 UI Motion animations, the offline voice-over tool and 30 music tracks for launch videos.