> ## Documentation Index
> Fetch the complete documentation index at: https://www.opendirectory.dev/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# vid-product-launch
> Generate a cinematic product launch video from a product description and launch context. The video follows a 5-section narrative arc: build anticipation, rev...
**Category:** Visual & Media · **Version:** `1.2.0` · **Author:** `OpenDirectory` · **Compatibility:** All targets (claude, codex, opencode, gemini, anti-gravity, openclaw, hermes)
Generate a cinematic product launch video from a product description and launch context. The video follows a 5-section narrative arc: build anticipation, reveal the product, prove the value, and close with a CTA.
This is different from a sizzle reel. A launch video has a specific reveal moment. Every section before it builds toward that moment.
Use it for announcement posts, email campaigns, landing page heroes, and launch day social content.
***
## Install
```bash theme={null}
npx "@opendirectory.dev/skills" install vid-product-launch --target claude
```
```bash theme={null}
npx skills add Varnan-Tech/opendirectory --skill vid-product-launch
```
```bash theme={null}
/plugin marketplace add Varnan-Tech/opendirectory
/plugin install opendirectory-gtm-skills@opendirectory-marketplace
```
1. Copy `https://github.com/Varnan-Tech/opendirectory/tree/main/skills/vid-product-launch` into [download-directory.github.io](https://download-directory.github.io/) to download the ZIP.
2. Open **Claude Desktop** -> **Customize** -> **Skills** -> **+** -> **Upload a skill** and drop the folder containing `SKILL.md`.
[**Install vid-product-launch in Manus AI**](https://manus.im/import-skills?githubUrl=https%3A%2F%2Fgithub.com%2FVarnan-Tech%2Fopendirectory%2Ftree%2Fmain%2Fskills%2Fvid-product-launch\&utm_source=opendirectory)
## How It Works
1. Provide your product name, description, and launch context.
2. The agent generates a narrative script with timed sections.
3. The agent produces a single HTML file using the `renderFrame(t)` architecture.
4. The export script captures frames via Playwright and assembles an MP4 via FFmpeg.
No external AI video APIs. No API costs. Works offline.
***
## Launch Video Structure
| Section | Timing (60s) | Content |
| - | - | - |
| Tease | 0-10s | The problem, without naming your product |
| Build | 10-30s | Rising tension, hints at the solution |
| Reveal | 30-45s | Product name, tagline, and first look |
| Proof | 45-55s | One key result or feature |
| CTA | 55-60s | Your URL or launch offer |
Timing scales automatically for 30s and 90s durations.
***
## Input Parameters
| Parameter | Required | Default | Description |
| - | - | - | - |
| `product_name` | Yes | | Product or feature name |
| `product_description` | Yes | | What it does and who it is for (2-3 sentences) |
| `tagline` | | auto | Key headline, 4-6 words (write this yourself) |
| `launch_date` | | | ISO date for countdown timer (e.g. `2026-06-01`) |
| `cta` | | auto | Final CTA (e.g. `"Browse skills at opendirectory.dev"`) |
| `tone` | | `cinematic` | `cinematic` / `energetic` / `minimal` / `emotional` |
| `duration` | | `60` | `30` / `60` / `90` seconds |
| `aspect_ratio` | | `16:9` | `16:9` / `9:16` |
| `letterbox` | | `false` | 2.35:1 black bars (cinematic tone only) |
| `music` | | | Path to audio file (mp3/m4a/wav) |
***
## Tone Reference
| Tone | Reference Feel | Best For |
| - | - | - |
| `cinematic` | Apple product reveal | B2C, premium positioning, Series A+ |
| `energetic` | Product Hunt launch day | Developer tools, SaaS, younger audiences |
| `minimal` | Linear / Vercel announcement | Design-forward tools, developer market |
| `emotional` | Kickstarter campaign | Consumer products, mission-driven brands |
***
## Export
The agent saves the HTML to `launch/[slug]/product-launch.html`. Then run:
```bash theme={null}
# Standard 16:9, 60 seconds
bash scripts/export-video.sh launch/my-product/product-launch.html --duration 60
# With music
bash scripts/export-video.sh launch/my-product/product-launch.html --duration 60 --music bg.mp3
# Both orientations in one run (16:9 + 9:16)
bash scripts/export-video.sh launch/my-product/product-launch.html --duration 60 --both-orientations
# Cinematic with letterbox bars
bash scripts/export-video.sh launch/my-product/product-launch.html --duration 60 --letterbox --width 1920 --height 1080
```
Output: `launch/[slug]/product-launch.mp4`. 1080p H.264, compatible with QuickTime, iOS, Twitter, LinkedIn, and Instagram.
***
## Prompt Tips
Write the tagline yourself. It is the product's entire promise in 4-6 words. The agent uses it as the centerpiece of the reveal moment.
The reveal is everything. Everything before it creates tension. If the reveal does not feel earned, the video does not work.
Put one stat in the proof section. Five stats kill the pacing. One oversized number creates the punch.
Match tone to your market. Cinematic does not work for developer tools. Minimal does not work for consumer apps.
***
## Prompt Examples
Good:
```
Product launch video, 60 seconds. Product: OpenDirectory. Description: A library
of pre-built AI agent skills for Claude, Codex, and Gemini. Covers GTM, content,
research, and developer tools. Tagline: "AI skills, ready to install." Tone: minimal.
Proof: "52+ skills, zero setup." CTA: "Browse skills at opendirectory.dev." Aspect: 16:9.
```
Bad:
```
launch video for our new product
```
***
## Output
```
launch/
└── [slug]/
├── product-launch.html (agent-generated source, open in browser to preview)
└── product-launch.mp4 (H.264, 1080p, yuv420p, faststart)
```
Preview the HTML in any browser before exporting. It runs a live animation loop at full quality.
***
## Requirements
* Node.js 18+
* FFmpeg (`brew install ffmpeg` / `apt install ffmpeg`)
* Playwright installs automatically on first export run
This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.