product-demo
Installation
SKILL.md
Product Demo
Turn the app in this repo into a scored, captioned, frame-perfect demo video using only node + playwright + ffmpeg. The pipeline is deterministic: the whole demo re-renders and re-scores from a clean checkout.
The pipeline, in order
| Step | Recipe | Output |
|---|---|---|
| 1. Script | 01-script.md | scene table, VO lines with timecodes, rhythm grid |
| 2. Standalone UI | 02-standalone-ui.md | app components rendering from a static folder |
| 3. Composition | 03-composition.md | one React tree as a pure function of a clock |
| 4. Record | 04-record.md | PNG frames → visually lossless H.264 masters |
| 5. Captions + VO | 05-captions-vo.md | SRT/VTT sidecars, timecoded voiceover script |
| 6. Sound | 06-sound.md | sfx-cues.json, live preview player, auto-mixer |
| 7. Music | 07-music.md | EQ-carved, ducked bed starting at the drop |
| 8. Assemble | 08-assemble.md | intro + transition + stems → final export |