@opendirectory.dev/skills 0.1.68 → 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
CHANGED
|
@@ -1,25 +1,40 @@
|
|
|
1
1
|
# vid-product-launch
|
|
2
2
|
|
|
3
|
-
Generate a cinematic product launch video
|
|
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
4
|
|
|
5
|
-
|
|
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.
|
|
6
8
|
|
|
7
9
|
---
|
|
8
10
|
|
|
9
11
|
## Install
|
|
10
12
|
|
|
11
13
|
```bash
|
|
12
|
-
npx opendirectory
|
|
14
|
+
npx "@opendirectory.dev/skills" install vid-product-launch --target claude
|
|
13
15
|
```
|
|
14
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
|
+
|
|
15
30
|
---
|
|
16
31
|
|
|
17
32
|
## How It Works
|
|
18
33
|
|
|
19
|
-
1. Provide product
|
|
20
|
-
2.
|
|
21
|
-
3.
|
|
22
|
-
4.
|
|
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.
|
|
23
38
|
|
|
24
39
|
No external AI video APIs. No API costs. Works offline.
|
|
25
40
|
|
|
@@ -29,13 +44,13 @@ No external AI video APIs. No API costs. Works offline.
|
|
|
29
44
|
|
|
30
45
|
| Section | Timing (60s) | Content |
|
|
31
46
|
|---------|-------------|---------|
|
|
32
|
-
|
|
|
33
|
-
|
|
|
34
|
-
|
|
|
35
|
-
|
|
|
36
|
-
|
|
|
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 |
|
|
37
52
|
|
|
38
|
-
|
|
53
|
+
Timing scales automatically for 30s and 90s durations.
|
|
39
54
|
|
|
40
55
|
---
|
|
41
56
|
|
|
@@ -43,16 +58,16 @@ Auto-scaled for 30s and 90s durations too.
|
|
|
43
58
|
|
|
44
59
|
| Parameter | Required | Default | Description |
|
|
45
60
|
|-----------|----------|---------|-------------|
|
|
46
|
-
| `product_name` |
|
|
47
|
-
| `product_description` |
|
|
48
|
-
| `tagline` |
|
|
49
|
-
| `launch_date` |
|
|
50
|
-
| `cta` |
|
|
51
|
-
| `tone` |
|
|
52
|
-
| `duration` |
|
|
53
|
-
| `aspect_ratio` |
|
|
54
|
-
| `letterbox` |
|
|
55
|
-
| `music` |
|
|
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) |
|
|
56
71
|
|
|
57
72
|
---
|
|
58
73
|
|
|
@@ -85,33 +100,33 @@ bash scripts/export-video.sh launch/my-product/product-launch.html --duration 60
|
|
|
85
100
|
bash scripts/export-video.sh launch/my-product/product-launch.html --duration 60 --letterbox --width 1920 --height 1080
|
|
86
101
|
```
|
|
87
102
|
|
|
88
|
-
|
|
103
|
+
Output: `launch/[slug]/product-launch.mp4`. 1080p H.264, compatible with QuickTime, iOS, Twitter, LinkedIn, and Instagram.
|
|
89
104
|
|
|
90
105
|
---
|
|
91
106
|
|
|
92
107
|
## Prompt Tips
|
|
93
108
|
|
|
94
|
-
|
|
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.
|
|
95
110
|
|
|
96
|
-
|
|
111
|
+
The reveal is everything. Everything before it creates tension. If the reveal does not feel earned, the video does not work.
|
|
97
112
|
|
|
98
|
-
|
|
113
|
+
Put one stat in the proof section. Five stats kill the pacing. One oversized number creates the punch.
|
|
99
114
|
|
|
100
|
-
|
|
115
|
+
Match tone to your market. Cinematic does not work for developer tools. Minimal does not work for consumer apps.
|
|
101
116
|
|
|
102
117
|
---
|
|
103
118
|
|
|
104
119
|
## Prompt Examples
|
|
105
120
|
|
|
106
|
-
|
|
121
|
+
Good:
|
|
107
122
|
```
|
|
108
|
-
Product launch video, 60 seconds. Product:
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
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.
|
|
112
127
|
```
|
|
113
128
|
|
|
114
|
-
|
|
129
|
+
Bad:
|
|
115
130
|
```
|
|
116
131
|
launch video for our new product
|
|
117
132
|
```
|
|
@@ -127,7 +142,7 @@ launch/
|
|
|
127
142
|
└── product-launch.mp4 (H.264, 1080p, yuv420p, faststart)
|
|
128
143
|
```
|
|
129
144
|
|
|
130
|
-
Preview the HTML in any browser before exporting
|
|
145
|
+
Preview the HTML in any browser before exporting. It runs a live animation loop at full quality.
|
|
131
146
|
|
|
132
147
|
---
|
|
133
148
|
|
|
@@ -65,7 +65,7 @@ No React. No AI video APIs. No Python. Zero runtime cost beyond Playwright + FFm
|
|
|
65
65
|
| tagline | auto | 4–6 words — the product's core promise |
|
|
66
66
|
| problem_statement | auto-inferred | 1 sentence for tease section (the pain the product solves) |
|
|
67
67
|
| proof_stat | auto-inferred | Single metric (e.g. "500+ teams", "10× faster", "$2M saved") |
|
|
68
|
-
| cta | auto | URL or action phrase (e.g. "
|
|
68
|
+
| cta | auto | URL or action phrase (e.g. "opendirectory.dev", "Join the waitlist") |
|
|
69
69
|
| launch_date | — | ISO date string (enables countdown-card scene) |
|
|
70
70
|
| tone | cinematic | cinematic / energetic / minimal / emotional |
|
|
71
71
|
| duration | 60 | 30 / 60 / 90 (seconds) |
|
|
@@ -708,6 +708,6 @@ Checklist
|
|
|
708
708
|
>
|
|
709
709
|
> "Match tone to your market: cinematic for B2C premium / Series A+, energetic for dev tools and SaaS, minimal for design-forward products, emotional for consumer / mission-driven."
|
|
710
710
|
>
|
|
711
|
-
>
|
|
711
|
+
> 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."
|
|
712
712
|
>
|
|
713
713
|
> ❌ Bad: "launch video for our new product"
|