@opendirectory.dev/skills 0.1.67 → 0.1.69
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 +153 -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,153 @@
|
|
|
1
|
+
# vid-product-launch
|
|
2
|
+
|
|
3
|
+
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.
|
|
4
|
+
|
|
5
|
+
This is different from a sizzle reel. A launch video has a specific reveal moment. Every section before it builds toward that moment.
|
|
6
|
+
|
|
7
|
+
Use it for announcement posts, email campaigns, landing page heroes, and launch day social content.
|
|
8
|
+
|
|
9
|
+
---
|
|
10
|
+
|
|
11
|
+
## Install
|
|
12
|
+
|
|
13
|
+
```bash
|
|
14
|
+
npx "@opendirectory.dev/skills" install vid-product-launch --target claude
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
### Step 1: Download the skill from GitHub
|
|
18
|
+
1. Click the Code button on this repo's GitHub page.
|
|
19
|
+
2. Select Download ZIP to download the repository.
|
|
20
|
+
3. Extract the ZIP file on your computer.
|
|
21
|
+
|
|
22
|
+
### Step 2: Install in Claude
|
|
23
|
+
1. Open your Claude desktop app.
|
|
24
|
+
2. Go to the sidebar and click Customize.
|
|
25
|
+
3. Click the Skills tab, then click the + button.
|
|
26
|
+
4. Choose Upload a skill and drag in the folder.
|
|
27
|
+
|
|
28
|
+
Upload the folder that contains the `SKILL.md` file.
|
|
29
|
+
|
|
30
|
+
---
|
|
31
|
+
|
|
32
|
+
## How It Works
|
|
33
|
+
|
|
34
|
+
1. Provide your product name, description, and launch context.
|
|
35
|
+
2. The agent generates a narrative script with timed sections.
|
|
36
|
+
3. The agent produces a single HTML file using the `renderFrame(t)` architecture.
|
|
37
|
+
4. The export script captures frames via Playwright and assembles an MP4 via FFmpeg.
|
|
38
|
+
|
|
39
|
+
No external AI video APIs. No API costs. Works offline.
|
|
40
|
+
|
|
41
|
+
---
|
|
42
|
+
|
|
43
|
+
## Launch Video Structure
|
|
44
|
+
|
|
45
|
+
| Section | Timing (60s) | Content |
|
|
46
|
+
|---------|-------------|---------|
|
|
47
|
+
| Tease | 0-10s | The problem, without naming your product |
|
|
48
|
+
| Build | 10-30s | Rising tension, hints at the solution |
|
|
49
|
+
| Reveal | 30-45s | Product name, tagline, and first look |
|
|
50
|
+
| Proof | 45-55s | One key result or feature |
|
|
51
|
+
| CTA | 55-60s | Your URL or launch offer |
|
|
52
|
+
|
|
53
|
+
Timing scales automatically for 30s and 90s durations.
|
|
54
|
+
|
|
55
|
+
---
|
|
56
|
+
|
|
57
|
+
## Input Parameters
|
|
58
|
+
|
|
59
|
+
| Parameter | Required | Default | Description |
|
|
60
|
+
|-----------|----------|---------|-------------|
|
|
61
|
+
| `product_name` | Yes | | Product or feature name |
|
|
62
|
+
| `product_description` | Yes | | What it does and who it is for (2-3 sentences) |
|
|
63
|
+
| `tagline` | | auto | Key headline, 4-6 words (write this yourself) |
|
|
64
|
+
| `launch_date` | | | ISO date for countdown timer (e.g. `2026-06-01`) |
|
|
65
|
+
| `cta` | | auto | Final CTA (e.g. `"Browse skills at opendirectory.dev"`) |
|
|
66
|
+
| `tone` | | `cinematic` | `cinematic` / `energetic` / `minimal` / `emotional` |
|
|
67
|
+
| `duration` | | `60` | `30` / `60` / `90` seconds |
|
|
68
|
+
| `aspect_ratio` | | `16:9` | `16:9` / `9:16` |
|
|
69
|
+
| `letterbox` | | `false` | 2.35:1 black bars (cinematic tone only) |
|
|
70
|
+
| `music` | | | Path to audio file (mp3/m4a/wav) |
|
|
71
|
+
|
|
72
|
+
---
|
|
73
|
+
|
|
74
|
+
## Tone Reference
|
|
75
|
+
|
|
76
|
+
| Tone | Reference Feel | Best For |
|
|
77
|
+
|------|---------------|----------|
|
|
78
|
+
| `cinematic` | Apple product reveal | B2C, premium positioning, Series A+ |
|
|
79
|
+
| `energetic` | Product Hunt launch day | Developer tools, SaaS, younger audiences |
|
|
80
|
+
| `minimal` | Linear / Vercel announcement | Design-forward tools, developer market |
|
|
81
|
+
| `emotional` | Kickstarter campaign | Consumer products, mission-driven brands |
|
|
82
|
+
|
|
83
|
+
---
|
|
84
|
+
|
|
85
|
+
## Export
|
|
86
|
+
|
|
87
|
+
The agent saves the HTML to `launch/[slug]/product-launch.html`. Then run:
|
|
88
|
+
|
|
89
|
+
```bash
|
|
90
|
+
# Standard 16:9, 60 seconds
|
|
91
|
+
bash scripts/export-video.sh launch/my-product/product-launch.html --duration 60
|
|
92
|
+
|
|
93
|
+
# With music
|
|
94
|
+
bash scripts/export-video.sh launch/my-product/product-launch.html --duration 60 --music bg.mp3
|
|
95
|
+
|
|
96
|
+
# Both orientations in one run (16:9 + 9:16)
|
|
97
|
+
bash scripts/export-video.sh launch/my-product/product-launch.html --duration 60 --both-orientations
|
|
98
|
+
|
|
99
|
+
# Cinematic with letterbox bars
|
|
100
|
+
bash scripts/export-video.sh launch/my-product/product-launch.html --duration 60 --letterbox --width 1920 --height 1080
|
|
101
|
+
```
|
|
102
|
+
|
|
103
|
+
Output: `launch/[slug]/product-launch.mp4`. 1080p H.264, compatible with QuickTime, iOS, Twitter, LinkedIn, and Instagram.
|
|
104
|
+
|
|
105
|
+
---
|
|
106
|
+
|
|
107
|
+
## Prompt Tips
|
|
108
|
+
|
|
109
|
+
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.
|
|
110
|
+
|
|
111
|
+
The reveal is everything. Everything before it creates tension. If the reveal does not feel earned, the video does not work.
|
|
112
|
+
|
|
113
|
+
Put one stat in the proof section. Five stats kill the pacing. One oversized number creates the punch.
|
|
114
|
+
|
|
115
|
+
Match tone to your market. Cinematic does not work for developer tools. Minimal does not work for consumer apps.
|
|
116
|
+
|
|
117
|
+
---
|
|
118
|
+
|
|
119
|
+
## Prompt Examples
|
|
120
|
+
|
|
121
|
+
Good:
|
|
122
|
+
```
|
|
123
|
+
Product launch video, 60 seconds. Product: OpenDirectory. Description: A library
|
|
124
|
+
of pre-built AI agent skills for Claude, Codex, and Gemini. Covers GTM, content,
|
|
125
|
+
research, and developer tools. Tagline: "AI skills, ready to install." Tone: minimal.
|
|
126
|
+
Proof: "52+ skills, zero setup." CTA: "Browse skills at opendirectory.dev." Aspect: 16:9.
|
|
127
|
+
```
|
|
128
|
+
|
|
129
|
+
Bad:
|
|
130
|
+
```
|
|
131
|
+
launch video for our new product
|
|
132
|
+
```
|
|
133
|
+
|
|
134
|
+
---
|
|
135
|
+
|
|
136
|
+
## Output
|
|
137
|
+
|
|
138
|
+
```
|
|
139
|
+
launch/
|
|
140
|
+
└── [slug]/
|
|
141
|
+
├── product-launch.html (agent-generated source, open in browser to preview)
|
|
142
|
+
└── product-launch.mp4 (H.264, 1080p, yuv420p, faststart)
|
|
143
|
+
```
|
|
144
|
+
|
|
145
|
+
Preview the HTML in any browser before exporting. It runs a live animation loop at full quality.
|
|
146
|
+
|
|
147
|
+
---
|
|
148
|
+
|
|
149
|
+
## Requirements
|
|
150
|
+
|
|
151
|
+
- Node.js 18+
|
|
152
|
+
- FFmpeg (`brew install ffmpeg` / `apt install ffmpeg`)
|
|
153
|
+
- Playwright installs automatically on first export run
|