produce-browser-demo
Create a polished, verifiable demo video from local browser captures and an explicit choreography manifest. Use when a product walkthrough, interaction proof, or visual handoff needs controlled cursor
Files2
View on GitHubSKILL.mdskills/produce-browser-demo/SKILL.md
GitHubProduce Browser Demo
When to use
- Turning approved screenshots into a browser-style walkthrough.
- Re-rendering a demo with deterministic timing and framing.
- Producing review media without using a native screen recorder.
Workflow
- Collect local source frames and a manifest describing order, duration, pointer position, click cues, and optional framing changes.
- Validate that every source path stays inside the intended input directory.
- Render with
commands/render-browser-demo.sh; require an existing media encoder rather than installing one. - Keep cursor motion deliberate, readable, and subordinate to the product behavior.
- Inspect representative frames and verify output duration, dimensions, frame rate, and decode health.
- Report source manifest and verification evidence.
Output
- A local video file and resolved render manifest.
- Media-probe results and representative frame checks.
- Known limitations such as missing live input or audio.
Guardrails
- Do not record microphones, cameras, native windows, notifications, or unrelated desktop content.
- Do not download remote media during rendering.
- Do not claim an assembled demo proves live application behavior.