screencast-tutorial-video
Installation
SKILL.md
Screencast Tutorial Video
Overview
This is the production half of the screencast workflow. It consumes an
approved storyboard.md (from screencast-storyboard) and produces one
narrated, captioned 1920x1080 MP4 that shows the real tool doing the real thing.
Everything runs natively on the macOS host, no ddev, no container. One engine per surface:
| Surface | Engine | Script |
|---|---|---|
| Terminal (Claude Code / any CLI) | VHS .tape → MP4 |
render-tape.sh |
| Native app (Claude Desktop) | ffmpeg zoompan + drawbox over a PNG still |
still-scene.sh |
| Browser, docs / UI tours (recommended) | Playwright records the page headless at 1080p (no OS capture, no permissions, records only the page) | browser-scene.sh |
| Browser, real cursor on camera | Playwright (locate) + cliclick (visible cursor) + ffmpeg avfoundation (capture) | browser.sh + hands.sh + record-browser.sh (or automated: browser-scene-screencap.sh) |
| Abstract command | command card (still) | make-card.sh |