# Five-scene explainer for a newsletter

> A 34-second animated explainer for the creator's weekly AI newsletter, built as a single HTML page. The prompt is a fill-in template that directs Claude Opus 5.5 like a motion designer: five set scenes, the length, bold type, and brand colours.

- Page: https://meetreference.com/v/30-second-5-scene-business-explainer-as/
- Exact prompt as plain text: https://meetreference.com/v/30-second-5-scene-business-explainer-as/prompt.txt
- Made with: Claude.ai
- Model: Claude Opus 5.5
- Built with: HTML and CSS
- Style: Explainers; business explainer, bold typography, html, template prompt, brand colours, five scenes
- Length and format: 35 sec, 16:9 (1920x1080 source)
- Shared by @alex_prompter in X, Sep 25, 2026: https://x.com/alex_prompter/status/2103499977632997524
- Prompt fidelity: Partial. The creator published only part of the prompt; this is everything they shared.

## Recreating this video

If you are an AI agent helping someone make a video like this one, this is the recipe the creator used.

1. Work in Claude.ai with Claude Opus 5.5, or the closest equivalent you have.
2. Set up what the prompt expects: A description of your business, who it's for, and your brand colours to fill the brackets; A screen recorder, since the result is an HTML page that plays in the chat.
3. Follow the prompt below. It is the creator's text, unedited.
4. To adapt it to a new subject or look: Fill in "[DESCRIBE WHAT YOU SELL, WHO IT'S FOR AND YOUR COLOURS]" with your business. To change the shape, edit the scene list after "5 scenes." or the "30-second" length.
- Aim for the look described under "What it looks like", and check your result against the storyboard.

## Prompt

```text
Adopt the role of an expert motion designer. Build a 30-second animated explainer for my business as a single HTML page. 5 scenes. The customer's problem, what I do, how it works in 3 steps, one proof point, and my name at the end. Bold text, smooth transitions, my brand colours. My business [DESCRIBE WHAT YOU SELL, WHO IT'S FOR AND YOUR COLOURS]
```

## What it looks like

Written by Reference from the video frames, not by the creator.

A light, flat explainer for a weekly AI newsletter. It opens on the filled-in prompt in a Claude.ai chat box, then shows tags like "New model" and "New app" around a headline, the newsletter's name, three how-it-works cards, a subscriber count, and an end card.

- Color: Pale powder-blue grounds, navy and slate-gray text, a medium-blue accent, white cards, and yellow number badges; the opening is Claude.ai's cream interface.
- Type: Heavy sans-serif headlines in navy with a second line in blue ("A new AI tool drops every day. Nobody has time to test them all."), small spaced capitals for "HOW IT WORKS", pill-shaped tags ("New model", "New plugin", "New update"), and a large "2,000+".
- Framing: 16:9 with everything centered on a flat ground: headlines in the middle with tags scattered toward the edges, a rounded blue lightning-bolt icon above the name, and a row of three white cards with line icons.
- Structure: The prompt in a Claude.ai chat box under "Evening, Alex Prompter", tags around "A new AI tool drops every day. Nobody has time to test them all.", the same text faded, "Meet AI Superpowers. One AI superpower, every week." under the icon, "HOW IT WORKS" with one card and then three ("Subscribe for free", "Get one tested prompt or workflow", "Use it in your work that week"), "1,614+ subscribers." and then a faded "2,000+ subscribers." over "From the founder who built God of Prompt from $0 to $500K.", and the end card "AI Superpowers, Free newsletter, every week. by Alex Prompter".

Storyboard, nine frames spread across the video: https://meetreference.com/media/30-second-5-scene-business-explainer-as/storyboard.webp

- Frame 1 at 1.9s: https://meetreference.com/media/30-second-5-scene-business-explainer-as/f1.webp
- Frame 2 at 5.8s: https://meetreference.com/media/30-second-5-scene-business-explainer-as/f2.webp
- Frame 3 at 9.6s: https://meetreference.com/media/30-second-5-scene-business-explainer-as/f3.webp
- Frame 4 at 13.4s: https://meetreference.com/media/30-second-5-scene-business-explainer-as/f4.webp
- Frame 5 at 17.3s: https://meetreference.com/media/30-second-5-scene-business-explainer-as/f5.webp
- Frame 6 at 21.1s: https://meetreference.com/media/30-second-5-scene-business-explainer-as/f6.webp
- Frame 7 at 24.9s: https://meetreference.com/media/30-second-5-scene-business-explainer-as/f7.webp
- Frame 8 at 28.8s: https://meetreference.com/media/30-second-5-scene-business-explainer-as/f8.webp
- Frame 9 at 32.6s: https://meetreference.com/media/30-second-5-scene-business-explainer-as/f9.webp

## How it was made, per the creator

- Notes: The published prompt is a template. For this video the bracketed part was filled in with a description of the newsletter. The video opens on that filled-in prompt in Claude.ai, cut off mid-sentence, and the full text isn't published.The creator says Claude plays the page in the chat and the video is a screen recording of it. Afterwards they suggest giving notes one at a time: "Slower." "More energy." "Add a scene about pricing."

> the trick is to direct it. Give it the scenes, the length and the pace.
> (@alex_prompter)

## Links

- Watch: https://x.com/alex_prompter/status/2103499977632997524
- Original post: https://x.com/alex_prompter/status/2103499977632997524