# Show your product in action with an animated demo video

> It redraws your screens as crisp animated mockups, so the demo looks smoother than a real screen recording.

Upload a few screenshots of your app, client portal or template and Claude rebuilds them as a clean animated demo: a cursor clicks, screens slide in and key features light up.

- Page: https://thesolocreators.com/prompts/animated-product-demo-from-screenshots/
- Category: Win more clients
- Made for: Small business owners, Creators, Consultants, Coaches
- Works in: Claude, Gemini, ChatGPT
- Time: About 20 minutes
- Effort: A few steps
- Note: Works on every Claude plan and in Gemini Canvas. In ChatGPT, click Preview on the code block.

## The prompt

Fill in the parts in [square brackets], or leave them and the AI will ask you for them.

```text
I've attached [NUMBER OF SCREENSHOTS, e.g. 4] screenshots of [YOUR PRODUCT, e.g. my client portal]. Build a 25-second animated product demo as one web page that plays by itself in the preview.

Redraw my screens as clean, simplified mockups made from shapes and text, matching my colors and layout. Don't add any feature that isn't in my screenshots.

Story:
1. Open on the problem in one line: [THE PROBLEM IT SOLVES, e.g. Clients forget their homework].
2. Walk through the screens in order. A smooth cursor clicks, screens slide or zoom in, and the key feature on each one glows with a short label of 5 words or fewer.
3. Zoom in on the moment that matters most: [THE WOW MOMENT, e.g. the progress bar filling up].
4. End on the product name and [YOUR CALL TO ACTION, e.g. Book a demo].

Calm, modern motion with gentle springs, no bounce, no sound, 16:9. Start on one blank second, hold the end for 2 seconds, and add a Replay button below the frame.
```

## Step by step

1. Take 3 to 5 screenshots of your product's main screens, with private details cropped out.
2. Open Claude, attach the screenshots, and paste the prompt.
3. Check that every label and number matches your real product, then ask for fixes.
4. Record the demo with Shift-Command-5 (Mac) or Windows+Shift+R (Windows) for your sales page.

## What you'll get

A 25-second animated walkthrough of your real screens, with cursor clicks, zooms and feature labels, ready to record for a sales page.

## Good to know

**Which AI tools does this work in?** It works in Claude, Gemini and ChatGPT. On this page, Claude and ChatGPT open with your prompt already typed in. Works on every Claude plan and in Gemini Canvas. In ChatGPT, click Preview on the code block.

**How long does it take?** About 20 minutes. It's rated "A few steps". There are 4 steps, listed above.

**What do I need before I start?** Just your details for 5 blanks: number of screenshots, your product, the problem it solves, the wow moment and your call to action. You can skip any, and your AI will ask for them.

**What will I get back?** A 25-second animated walkthrough of your real screens, with cursor clicks, zooms and feature labels, ready to record for a sales page.

Idea spotted on the web, shared by Daria Cupareanu (AI Blew My Mind): https://aiblewmymind.substack.com/p/claude-design-animations. The prompt is The Solo Creators' own version.

## Done for you

The Promo Video Producer skill in the Solo Creators AI Studio does this whole job for you: https://thesolocreators.com/studio/

From AI Use Cases and Prompts by The Solo Creators: https://thesolocreators.com/prompts/. Free to use; please link back to the page when you share it.