Dev.to
7/13/2026

The original title is "How I Made a Product Demo with Claude Code, Playwright, and FFmpeg"
Original: How I Made a Product Demo with Claude Code, Playwright, and FFmpeg
Short summary
The author used Claude Code with Playwright and FFmpeg to generate a 56-second product demo for their open-source Agent OS project in about 30 minutes. Claude Code inspected the app, identified narrative beats, and used Playwright to navigate real product states, recording short clips per beat. A Python script then used FFmpeg to trim, label, and concatenate clips into a final MP4.
- •Claude Code + Playwright + FFmpeg workflow produced a 56-second demo in ~30 minutes
- •Each narrative beat recorded as a separate clip with its own BrowserContext for stability
- •Demo treated as an automated software artifact — regeneratable when the interface changes
Generated with AI, which can make mistakes.
Is this a good recommendation for you?



