Motion Prompts · Explainers & Brand

Explainer Intro Scene

Problem-to-solution intro using icons and text.

⏱ 15 seconds

Live preview of the style and timing this prompt aims for. The real output is rendered by Remotion from your own brand values, so details will differ.

Create a 15-second explainer intro in flat-illustration style. Scene 1 (0-5 s): a frustrated stick-figure-style character (built from SVG shapes) surrounded by problem icons popping around ("[PROBLEM 1]", "[PROBLEM 2]"). Scene 2 (5-10 s): icons sweep away with a swoosh; a bright product card slides in with title "[PRODUCT]". Scene 3 (10-15 s): three benefit chips pop in with check marks and the tagline "[TAGLINE]". Consistent 8-colour palette; smooth transitions between scenes.

Technical requirements: Use Remotion (React) in this folder. Create one composition at 1920x1080, 30 fps, 15 seconds. Put every brand-specific value (name, colours, text, font) in a single props object at the top so I can change them in one place and see it live in Remotion Studio. Use spring() and interpolate() with easing, no CSS keyframe animation. Keep it self-contained (no external assets unless I provide them). When finished, run `npx remotion render` to export an MP4 and tell me the output path.

How to use it

1. In an empty folder run npx create-video@latest and choose the blank template.
2. Open Claude Code there with claude and paste the prompt. Replace every [PLACEHOLDER].
3. Preview with npm run dev, then ask for tweaks in plain language.
4. Claude renders the MP4 with npx remotion render.

Tip: install the Motion brief skill to turn a rough idea into a storyboard and a ready-to-paste prompt.