product-launch-videoby HeyGen

Product Launch Video Skill.

A Claude Code and Codex skill for motion and video: turns a product URL, script, or brief into a product launch or promo video.

Motion & Video
Video

Download OpenDesign View usage guide

heygen-com/hyperframes · skills/product-launch-video/SKILL.mdSKILL.md

--- name: product-launch-video description: Turn a product or marketing URL, pasted script, or brief into a product launch / promo video — SaaS promos, feature reveals, product demos, app and company launches. Use when the user wants to market, launch, promote, or reveal a product; the default for any commercial URL. Site tours / showcases of a website route here too — the brief carries the show-it-as-is intent. Unclear → /hyperframes. --- ## Step 0: Setup ## Step 1: Capture assets ## Step 2: Design System ## Step 3: Storyboard and Script ## Step 3.1: Audio ## Step 4: Frame Visual Design

Front matter and section headings read from the upstream file on 2026-09-14 · 32,560 characters in full

01 What it does

What the product-launch-video Skill Does in Claude Code and Codex

Summary, workflow and outputs, all read from the skill's SKILL.md.

From the SKILL.mdRead 2026-09-14 · not a recorded run

In the Skill's Own Terms

Orchestrates product launch and promo video creation through a seven-step workflow. Takes a product URL, pasted script, or brief and produces an MP4 via HyperFrames.

Captures brand assets from live sites, adopts a frame preset and remixes it onto brand tokens, writes a storyboard with time-coded shot sequences paced to voiceover, generates narration and BGM, dispatches parallel sub-agents to build each frame as HTML, and renders after lint/check/snapshot verification. Targets SaaS promos, feature reveals, app launches, and site tours. Works signed in to HeyGen or offline with local TTS/BGM engines.

What it produces

Final MP4 render at renders/video.mp4 with stated duration
Contact sheet of snapshots at frame midpoints and cuts for verification
STORYBOARD.md with time-coded shot sequences and SCRIPT.md when narration is needed

See the example prompt ↗

How It Works

01
Confirm Brief and Initialize Project
The intent layer locks the brief before this workflow starts.
02
Capture Assets from URL
Runs hyperframes capture on the product URL to collect screenshots, DOM structure, brand tokens (colors/fonts), visible text, and asset descriptions.
03
Adopt and brand-remix a Frame Preset
Picks one shipped frame preset whose look fits the brand, then runs build-frame.mjs to copy the preset's FRAME.md, remap brand colors/fonts onto the preset's structure, and copy its caption skin.
04
Write Storyboard with time-coded Shot Sequences
Drafts STORYBOARD.md and SCRIPT.md following story-spine doctrine.
05
Generate Audio in Background
After storyboard approval, starts TTS narration with the chosen provider and voice, fetches BGM from HeyGen's music library by mood, generates word timings, and continues to visual design without waiting.
06
Dispatch sub-agents to Build Frames in Parallel
Waits for audio to finish, syncs durations, then builds one bounded packet per frame and dispatches a sub-agent for each.

02 Find your fit

When to Use the product-launch-video Skill

Use the product-launch-video skill in Claude Code or Codex when the job is motion and video of this kind. Fit and limits below are taken from the skill's own file.

Good Fit

SaaS promos, feature reveals, product demos, app and company launches
Site tours or showcases where the captured page is shown as-is
Product with a URL that can be captured for narration and assets

Know the Boundaries

Cannot manufacture a synthetic fallback after a failed URL capture
Do not invent or rebuild the page when the capture is unusable
Non-marketing intents or bare 'make a video' requests route through /hyperframes first

What to Provide

Pasted script or briefSaved verbatim as user_script.txt. VO_MODE (verbatim or restructured) comes from BRIEF.md. The intent layer asks once when a script arrives.
Voice preferenceIf the request names a voice, gender, or tone, pick a matching voice id and pass it with --voice.
Style preset choiceWhen BRIEF.md names a style_preset, the user picked it by eye from showcases at the intent layer.
Music mood or noneBGM mood comes from the storyboard's music: field. music: none turns BGM off. The canonical fully-silent marker is music: none plus no SCRIPT.md.

03 Inside the skill

Rules the product-launch-video Skill Gives Claude Code and Codex

7 concrete instructions, defaults and limits the SKILL.md sets for the agent — the part of the file that changes the result.

Show sign-in Status Before Leaving Setup
Run hyperframes auth status and relay its output verbatim. It reports whether voice/BGM will use HeyGen or local engines. Exit code 1 is the normal signed-out state, not a failure.
Search the Catalog Before Designing Named Looks
For every look the brief names (CRT scanlines, glitch, film grain), run hyperframes catalog --query before writing it into STORYBOARD.md.
Duration Sync Is Mechanical, Never hand-edit
Real voice duration wins. Silent frames keep estimates. Run audio.mjs sync-durations after audio finishes. Never hand-edit synced durations in the storyboard.
Workers Write Only Their Frame HTML
Each sub-agent reads only its packet and frame.md, writes only compositions/frames/NN-*.html, and must never edit STORYBOARD.md.
Full-bleed Backgrounds on Clip Layer, Not Root
A frame's ground (color field, gradient, grid) is its own full-duration background clip.
Failed Capture Is a Hard Stop
A non-zero exit, JSON ok: false, or capture/BLOCKED.md stops the capture path. Report the reason and do not consume partial screenshots, DOM, or assets.
Always Pass Checks Before Render
Run lint, check, and snapshot at frame midpoints and every cut. Inspect for layout failures and pops. Fix any visible discontinuity before rendering.

04 Put it to work

Install product-launch-video in Claude Code or Codex

One npx skills add command, then a first task in your agent and a checklist for the result.

Add product-launch-video to Claude Code, Codex or Your Agent

Run in your project; the installer asks which agent to add it to.

Terminal

npx skills add https://github.com/heygen-com/hyperframes --skill product-launch-video

Generic skills CLI form for skills/product-launch-video/SKILL.md; the repository may document its own path.

Give the Skill a First Motion and Video Task

Written in the skill's own terms; replace the bracketed parts with your material.

Starter prompt

Create a product launch video for [our new SaaS platform at example.com]. Show the dashboard interface, key collaboration features, and real-time sync. Use a confident professional voice and keep it under 60 seconds with energetic background music.

Source: written from the SKILL.md in the skill's own terms.

Check the First Result

What the SKILL.md itself says a correct result looks like:

Run hyperframes lint to verify the assembled index and frames
Run hyperframes check to validate structure before rendering
Snapshot at frame midpoints and every cut, compare images for pops
Verify transitions to ensure injected transitions are correct
Confirm capture JSON reported ok: true and no BLOCKED.md exists
Wait for Step 3.1 audio to finish before syncing durations and assembling

In OpenDesign import product-launch-video from its SKILL.md link: Plugins → Add → Skill → Import from link, then pick it in the top bar.

Download OpenDesign Read the quickstart

05 Open source, traceable

Source, License and Verification

Where this page's facts come from, and when they were last checked.

Author: HeyGen
Repository: github.com/heygen-com/hyperframes Branch main
Skill file: skills/product-launch-video/SKILL.md Content checksum recorded at verification; commit 558c11b
License: Apache-2.0 From LICENSE.
Repository stars: 49,761 GitHub snapshot taken 2026-09-14 for the whole heygen-com/hyperframes repository, which contains 9 skills in this catalog. Not a rating or usage count for product-launch-video.
Verified by OpenDesign: 2026-09-14 Source file, path, license text and star count were checked. Not bundled in OpenDesign main (checked 2026-08-28); a live run has not been recorded on this page.

Inside the SKILL.md

Product Launch to HyperFramesOverview of the orchestrator's role and seven-step workflow from URL to MP4
Step 0: SetupConfirm brief from intent layer, initialize HyperFrames project, show sign-in status
Step 1: Capture assetsRun hyperframes capture on URL or build no-capture path from pasted script
Step 2: Design SystemPick frame preset, remix brand tokens onto it, copy caption skin
Step 3: Storyboard and ScriptWrite STORYBOARD.md and SCRIPT.md, run review loop, get plan approval
Step 3.1: AudioGenerate TTS narration, word timings, fetch BGM by mood, run in background
Step 4: Frame Visual DesignSketch board if collaborative, add time-coded shot sequences and motion inline
Step 5: Build FramesSync durations, fetch SFX, dispatch sub-agents per frame, assemble index and captions
Step 6: FinalizeInject transitions, run lint/check/snapshot, pause for review, render MP4
Quick ReferenceFormats, background scripts, and reference table of documents by step

The Skill's Own Description

“Turn a product or marketing URL, pasted script, or brief into a product launch / promo video — SaaS promos, feature reveals, product demos, app and company launches. Use when the user wants to market, launch, promote, or reveal a product; the default for any commercial URL. Site tours / showcases of a website route here too — the brief carries the show-it-as-is intent. Unclear → /hyperframes.”

Front-matter description from SKILL.md. The full file is about 32,560 characters. Read the full file on GitHub.

06 Before you install

Questions About the product-launch-video Skill

Answers come from the SKILL.md as read on 2026-09-14, not from a recorded run.

Do I need a HeyGen account to use this skill?

Not required. The workflow shows sign-in status before leaving Setup and reports whether voice and BGM will use HeyGen or local engines. When signed out, it continues through available local engines (Kokoro for TTS). Sign in enables HeyGen's Starfish voices and music library.

What video formats and durations does this produce?

Landscape 1920x1080, portrait 1080x1920, or square 1080x1080, derived from the destination field in BRIEF.md. Duration is set as a rough expectation from the brief's length field; assembly reports where the final cut lands against it. The final reply states the MP4 path and actual duration.

Product Launch Video

Run product-launch-video on a Real Motion and Video Task.

Download OpenDesign, import product-launch-video from its SKILL.md link, paste the prompt above, and read the plan before the result.

Download OpenDesign Browse all skills