Back to feed
Dev.to
Dev.to
7/13/2026
The original title is "How I Made a Product Demo with Claude Code, Playwright, and FFmpeg"

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?

Comments

Failed to load comments. Please try again.

Explore more