@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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opendirectory.dev/skills",
3
- "version": "0.1.67",
3
+ "version": "0.1.69",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "bin": {
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