Presscut Product Demo
Product Demo#newsletter#remotion#saas#voiceover
Made by Josh Pigford (@shpigford on X)View original post
An 84-second narrated demo of a newsletter tool, with its interface rebuilt piece by piece.
How it was made
Process
Made inside the product's own codebase with Claude Code, Remotion's skill and the ElevenLabs API. The model rebuilt the interface as React components, and ElevenLabs generated the voiceover, music and sound effects. The creator says it took two to three hours of back and forth.
Resources the creator used:
- Remotion's skill for Claude Code
- ElevenLabs, connected through MCP, for all the audio
- The product's own code as the reference for its interface
The creator's own prompt:
Create a demo video of the Presscut app/product using remotion. Use react componenents to replicate UI elements and replicate the UI of the app as closely as possible. The app has a LOT of features/functionality, so take guidance from the marketing home page/index for what to highlight, while keeping language simple and to-the-point. Really grill me with questions to nail down exactly how the final video should look/feel and what content should be there. The ultimate goal of this is to replicate what me, the founder, would be showing/doing with a product demo with a customer.
The prompt shown here was written afterwards from the finished clip, so it describes what is on screen.
