thinkhard.SI

Prompt repository Image & video

A short animated clip of how your product works

You need a few seconds of simple motion graphics that show how your product works step by step, for a web page or a presentation.

Registry no.
MED-030
Collection
Image & video
Laid out for
Video model
Score
10 out of 10
Blanks to fill
7
Added

Image & videoVideo model

The prompt

Score 10 of 10, Excellent

Use it when You need a few seconds of simple motion graphics that show how your product works step by step, for a web page or a presentation.

  • {{product}}
  • {{use_case}}
  • {{palette}}
  • {{background}}
  • {{beats}}
  • {{duration_seconds}}
  • {{aspect_ratio}}
Full prompt and why it works
Prompt
A short 2D motion graphics animation showing how {{product}} works, for {{use_case}}. The clip explains one simple process in a few clear beats, so each movement has to be easy to follow at a glance, with labels and narration added later in editing.

Style: flat vector shapes with soft rounded corners, a limited palette of {{palette}} on a plain {{background}} background, gentle flat lighting with soft drop shadows, and smooth easing on every movement, in the style of a clean product explainer.

Camera: a static, front-on wide shot of the whole scene, with no cuts. The camera moves only where a beat below says so, such as a slow push-in on one element.

The beats, in order, each saying what moves:
{{beats}}

Each beat flows into the next without a cut, with the same shapes, colors and positions carried through, and the motion is slow enough for a viewer to follow each step.

Timing and format: {{duration_seconds}} seconds, {{aspect_ratio}}.

Sound: soft, upbeat instrumental music low in the mix, with light whoosh and click sound effects timed to each movement. No voice-over and no speech, because narration is added in editing.

Leave out all text, letters, numbers, labels, interface text, logos and watermarks, because generated lettering comes out garbled; add any words in your editor. If a beat is unclear, keep its motion simple and slow rather than adding new elements. If all the beats do not fit in {{duration_seconds}} seconds at a calm pace, show only as many as fit and leave the rest for a second clip in this same style.

Variables

{{product}}
The product or service, for example "our invoice scanning app".
{{use_case}}
Where the clip will be used, for example "the how-it-works section of our home page" or "a sales presentation".
{{palette}}
Two to four colors, for example "navy, sky blue and a warm orange accent".
{{background}}
The background color, for example "off-white".
{{beats}}
Three to five lines, each saying what moves, for example "Beat 1: a paper receipt slides in from the left and drops onto a phone screen. Beat 2: the receipt turns into a neat card that slides into a folder." Keep the same objects throughout.
{{duration_seconds}}
A clip length your video model supports; check its settings.
{{aspect_ratio}}
16:9 for a web page or slide, 1:1 or 9:16 for social posts.

Why it works

  • Length. Three to five beats, each saying what moves, and a static camera keep the clip to one simple process a viewer can follow. Beats that do not fit go into a second clip in the same style, since video models handle one focused moment best.
  • What to avoid. No text, numbers or labels in the frame, since video models render lettering poorly; add every word in your editor.
  • Background facts. Music and sound effects timed to each movement get their own line, with no voice-over, so narration can be added later.

How to use it

  1. Press Fill in blanks and type your details into each blank. What you type stays in this browser.
  2. Copy the filled prompt into the AI tool you already use, such as ChatGPT, Claude or Gemini, or open it in the Grader or the Prompt Tester here.
  3. Before you rely on it, try it on three or four real examples. The Prompt Tester runs them all at once and shows which ones go wrong.
Use it from code

Get this prompt as JSON from the free REST API, with your own text in the blanks, or let an AI assistant fetch it through the MCP server. No key.

curl -s https://thinkhard.si/api/v1/prompts/how-it-works-animation

With the MCP server added to Claude, ChatGPT, Cursor or VS Code, call get_prompt with {"prompt": "how-it-works-animation"}, or just ask for it by name.