Promptpan

All · Motion graphics · How-to explainer

586Three-Step How-To — pick, fill and copy in a 15-second vertical motion graphic

Add a name and three steps to show how it works in a 15-second vertical video, with each step transforming into the next.

What you get

  • A vertical MP4 with sound (15 seconds, 1080×1920, 60fps)
  • Code to draw and render the video to MP4
  • Music made in code
Example — this prompt run once with GPT-6 Astra, unedited (turn the sound on)

Made with GPT
  • GPT-6 Astra Made with this AI

Fill in the fields

  1. 1Fill in the fields
  2. 2Copy the prompt
  3. 3Paste it into an AI that can run code (Claude Opus 5.5 · GPT-6 Astra · Gemini Argon)
  4. 4It builds the HTML, renders it itself and leaves an MP4
  5. 5To change it, edit the settings panel at the top of the HTML and run one render command No new request
Ideas
Ideas
Output format

Choose a mode, then set the size.

Open ClaudeOpen ChatGPT

Full prompt 874 characters
Make a dynamic 15-second vertical motion graphics explainer showing how "【Name】" works in three steps: 【Three steps】. Each step transforms into the next. Go all out and make the music in code.
Rules: 1080x1920 vertical, 60 fps, exactly 15 seconds, MP4 with sound. Text big enough to read on a phone. No corner labels, timecodes or captions, only the motion. Keep moving to the end with no frozen frames. For Korean text use a Korean font such as @fontsource/black-han-sans. Do it all now without asking.

[Final output format]
Output size 1080x1920 pixels, 9:16 portrait story. Keep all text inside the central 80% of the height.
This selected output format takes priority over any fixed canvas size or aspect ratio elsewhere in this template. Adapt the composition, text zones and margins to the selected canvas without stretching or cropping essential content. Device safe areas apply only when a device is selected. Never print these format instructions on the image.

Browse more cards

How to use it · FAQ

Done in three steps

Show picking, filling and copying in a 15-second vertical motion graphic, with each step transforming into the next. The cover shows a purple background, lime Korean text meaning “Fill,” and a trip planning window with Seoul as the destination, a two-night, three-day stay and a “Prompt complete” button.

How to fill it in

Enter the product or service name. Separate three short actions with /, such as “Pick / Fill / Copy.” Keep each step to one action so it is easy to read on a phone.

Ask for fixes like this

Tell the AI what you want: “Make the second step's text bigger,” “Smooth the transition between steps,” or “Keep moving right to the end.” Check both the video and sound after any fixes.

How we made it

We ran this prompt once with GPT-6 Astra and posted the result as the example without edits. Results vary a little on every run.

What your PC needs

Your PC may slow down briefly while the video is made. This prompt is for an AI that writes and runs code, such as Claude Code or Codex, so an image AI will not produce the video. Check each outside service for its own pricing and terms.