demo-videolisted
Install: claude install-skill surajshetty3416/demo-video-skill
# Demo video (deterministic frames → Pillow compositor → ffmpeg)
A lightweight, reproducible way to make a **crisp 60fps ScreenStudio-style** demo of a
web app. Two stages, all code, only Python + Pillow + ffmpeg:
```
capture_template.py → frames/f*.jpg + meta.json (Playwright: 1 step per frame + camera/mouse timeline)
│
compositor.py → demo.mp4 (multiprocess Pillow render — bg + rounded panel +
shadow + crisp vector cursor + zoom/pan — streamed
straight into ffmpeg; 60fps H.264, bt709)
```
The compositor renders with a worker pool and pipes frames directly into one ffmpeg
process (no intermediate PNGs, no second pass). Default output is the classic panel
size; `HD=1 python compositor.py …` re-renders the SAME capture at retina resolution
(uses all pixels of a DSF=2 capture) when a crisper deliverable is worth ~3x the
composite time.
## Step 0: ask the user for the inputs — don't go discover them
The capture needs facts only the user reliably knows. Hunting for them (grepping configs
for dev-server URLs, guessing test credentials, probing routes) burns time and tokens and
often lands on the wrong instance. Before writing any code, ask for whatever is missing
from this list, in ONE batch:
1. **Target URL** — the running app / dev server to record (e.g. `http://myapp.localhost:8000`),
and the specific page or route