@opendirectory.dev/skills 0.1.67 → 0.1.68
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/registry.json +8 -0
- package/skills/vid-product-launch/README.md +138 -0
- package/skills/vid-product-launch/SKILL.md +713 -0
- package/skills/vid-product-launch/references/scene-library.md +896 -0
- package/skills/vid-product-launch/references/style-presets.md +180 -0
- package/skills/vid-product-launch/scripts/capture-frames.mjs +187 -0
- package/skills/vid-product-launch/scripts/export-video.sh +495 -0
package/package.json
CHANGED
package/registry.json
CHANGED
|
@@ -472,6 +472,14 @@
|
|
|
472
472
|
"version": "1.0.0",
|
|
473
473
|
"path": "skills/vid-motion-graphics"
|
|
474
474
|
},
|
|
475
|
+
{
|
|
476
|
+
"name": "vid-product-launch",
|
|
477
|
+
"description": "Generates a cinematic product launch video (MP4) from a product description and launch context.",
|
|
478
|
+
"tags": [],
|
|
479
|
+
"author": "OpenDirectory",
|
|
480
|
+
"version": "1.2.0",
|
|
481
|
+
"path": "skills/vid-product-launch"
|
|
482
|
+
},
|
|
475
483
|
{
|
|
476
484
|
"name": "where-your-customer-lives",
|
|
477
485
|
"description": "Given a product utility and ICP, researches the internet to find the specific channels.",
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
# vid-product-launch
|
|
2
|
+
|
|
3
|
+
Generate a cinematic product launch video — builds anticipation with narrative storytelling, a dramatic product reveal, and a clear CTA. Designed for announcement posts, email campaigns, landing page heroes, and launch day social content.
|
|
4
|
+
|
|
5
|
+
Different from a sizzle reel (which is pure energy) — a launch video has **narrative structure** and a specific **product reveal moment** everything else builds toward.
|
|
6
|
+
|
|
7
|
+
---
|
|
8
|
+
|
|
9
|
+
## Install
|
|
10
|
+
|
|
11
|
+
```bash
|
|
12
|
+
npx opendirectory add vid-product-launch
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
---
|
|
16
|
+
|
|
17
|
+
## How It Works
|
|
18
|
+
|
|
19
|
+
1. Provide product details and launch context
|
|
20
|
+
2. Agent generates a narrative script with reveal structure
|
|
21
|
+
3. Agent produces a single HTML file using the `renderFrame(t)` architecture
|
|
22
|
+
4. Export script captures frames via Playwright → assembles MP4 via FFmpeg
|
|
23
|
+
|
|
24
|
+
No external AI video APIs. No API costs. Works offline.
|
|
25
|
+
|
|
26
|
+
---
|
|
27
|
+
|
|
28
|
+
## Launch Video Structure
|
|
29
|
+
|
|
30
|
+
| Section | Timing (60s) | Content |
|
|
31
|
+
|---------|-------------|---------|
|
|
32
|
+
| **Tease** | 0–10s | The problem — without naming the product yet |
|
|
33
|
+
| **Build** | 10–30s | Rising tension, hints at the solution |
|
|
34
|
+
| **Reveal** | 30–45s | Product name + tagline + first look |
|
|
35
|
+
| **Proof** | 45–55s | One key result or feature (not five) |
|
|
36
|
+
| **CTA** | 55–60s | Launch offer or "available now" with URL |
|
|
37
|
+
|
|
38
|
+
Auto-scaled for 30s and 90s durations too.
|
|
39
|
+
|
|
40
|
+
---
|
|
41
|
+
|
|
42
|
+
## Input Parameters
|
|
43
|
+
|
|
44
|
+
| Parameter | Required | Default | Description |
|
|
45
|
+
|-----------|----------|---------|-------------|
|
|
46
|
+
| `product_name` | ✅ | — | Product or feature name |
|
|
47
|
+
| `product_description` | ✅ | — | What it does and who it's for (2–3 sentences) |
|
|
48
|
+
| `tagline` | — | auto | Key headline — 4–6 words (write this yourself) |
|
|
49
|
+
| `launch_date` | — | — | ISO date for countdown timer (e.g. `2026-06-01`) |
|
|
50
|
+
| `cta` | — | auto | Final CTA (e.g. `"Join the waitlist at gooseworks.ai"`) |
|
|
51
|
+
| `tone` | — | `cinematic` | `cinematic` / `energetic` / `minimal` / `emotional` |
|
|
52
|
+
| `duration` | — | `60` | `30` / `60` / `90` seconds |
|
|
53
|
+
| `aspect_ratio` | — | `16:9` | `16:9` / `9:16` |
|
|
54
|
+
| `letterbox` | — | `false` | 2.35:1 black bars (cinematic tone only) |
|
|
55
|
+
| `music` | — | — | Path to audio file (mp3/m4a/wav) |
|
|
56
|
+
|
|
57
|
+
---
|
|
58
|
+
|
|
59
|
+
## Tone Reference
|
|
60
|
+
|
|
61
|
+
| Tone | Reference Feel | Best For |
|
|
62
|
+
|------|---------------|----------|
|
|
63
|
+
| `cinematic` | Apple product reveal | B2C, premium positioning, Series A+ |
|
|
64
|
+
| `energetic` | Product Hunt launch day | Developer tools, SaaS, younger audiences |
|
|
65
|
+
| `minimal` | Linear / Vercel announcement | Design-forward tools, developer market |
|
|
66
|
+
| `emotional` | Kickstarter campaign | Consumer products, mission-driven brands |
|
|
67
|
+
|
|
68
|
+
---
|
|
69
|
+
|
|
70
|
+
## Export
|
|
71
|
+
|
|
72
|
+
The agent saves the HTML to `launch/[slug]/product-launch.html`. Then run:
|
|
73
|
+
|
|
74
|
+
```bash
|
|
75
|
+
# Standard 16:9, 60 seconds
|
|
76
|
+
bash scripts/export-video.sh launch/my-product/product-launch.html --duration 60
|
|
77
|
+
|
|
78
|
+
# With music
|
|
79
|
+
bash scripts/export-video.sh launch/my-product/product-launch.html --duration 60 --music bg.mp3
|
|
80
|
+
|
|
81
|
+
# Both orientations in one run (16:9 + 9:16)
|
|
82
|
+
bash scripts/export-video.sh launch/my-product/product-launch.html --duration 60 --both-orientations
|
|
83
|
+
|
|
84
|
+
# Cinematic with letterbox bars
|
|
85
|
+
bash scripts/export-video.sh launch/my-product/product-launch.html --duration 60 --letterbox --width 1920 --height 1080
|
|
86
|
+
```
|
|
87
|
+
|
|
88
|
+
**Output:** `launch/[slug]/product-launch.mp4` — 1080p H.264, compatible with QuickTime, iOS, Twitter, LinkedIn, Instagram.
|
|
89
|
+
|
|
90
|
+
---
|
|
91
|
+
|
|
92
|
+
## Prompt Tips
|
|
93
|
+
|
|
94
|
+
**Write the tagline yourself.** The tagline is the product's entire promise in 4–6 words. Don't skip it — it's the most important text in the video.
|
|
95
|
+
|
|
96
|
+
**The reveal moment is everything.** Everything before it builds tension. The reveal must feel earned.
|
|
97
|
+
|
|
98
|
+
**One benefit in the proof section.** Trying to show 5 features kills launch video pacing.
|
|
99
|
+
|
|
100
|
+
**Match tone to your market.** Cinematic doesn't work for developer tools; minimal doesn't work for consumer apps.
|
|
101
|
+
|
|
102
|
+
---
|
|
103
|
+
|
|
104
|
+
## Prompt Examples
|
|
105
|
+
|
|
106
|
+
✅ **Good:**
|
|
107
|
+
```
|
|
108
|
+
Product launch video, 60 seconds. Product: Gooseworks. Description: AI workspace that
|
|
109
|
+
automates research, content creation, and outreach for growth teams. Tagline: "Work at
|
|
110
|
+
AI speed." Tone: minimal. Proof: "500+ growth teams, 10x output." CTA: "Join the
|
|
111
|
+
waitlist at gooseworks.ai." Music: ambient electronic build. Aspect ratio: 16:9.
|
|
112
|
+
```
|
|
113
|
+
|
|
114
|
+
❌ **Bad:**
|
|
115
|
+
```
|
|
116
|
+
launch video for our new product
|
|
117
|
+
```
|
|
118
|
+
|
|
119
|
+
---
|
|
120
|
+
|
|
121
|
+
## Output
|
|
122
|
+
|
|
123
|
+
```
|
|
124
|
+
launch/
|
|
125
|
+
└── [slug]/
|
|
126
|
+
├── product-launch.html (agent-generated source, open in browser to preview)
|
|
127
|
+
└── product-launch.mp4 (H.264, 1080p, yuv420p, faststart)
|
|
128
|
+
```
|
|
129
|
+
|
|
130
|
+
Preview the HTML in any browser before exporting — it runs a live animation loop at full quality.
|
|
131
|
+
|
|
132
|
+
---
|
|
133
|
+
|
|
134
|
+
## Requirements
|
|
135
|
+
|
|
136
|
+
- Node.js 18+
|
|
137
|
+
- FFmpeg (`brew install ffmpeg` / `apt install ffmpeg`)
|
|
138
|
+
- Playwright installs automatically on first export run
|