Generating Video Screens

Create the visual assets (product UI screens, data visualizations, text cards, integration grids) that will be composited into video frames. Extends the existing Playwright HTML-to-PNG and Nana Banana Pro workflows into video-ready assets.

When to Use

• Producing product demo screens for a video
• Creating text overlay cards (headlines, taglines, callouts)
• Generating data visualizations that will be animated
• Building integration/logo grids
• Creating personalized screens (company-specific data, industry-specific examples)

Workflow

Step 1: Read the Script

Every screen maps to a scene in the script. Read the script's Visual: field for each scene to understand what needs to be produced.

Step 2: Choose the Right Tool