ثلاث أدوات للموشن مع Claude: من البرومبت الجاهز إلى فيديو MP4Three Motion Tools for Claude: From a Proven Prompt to an MP4

Key terms

Motion graphics

A short video of text and shapes in motion. Claude writes it as code, and the code becomes a video.

Lottie

A light animation file for apps and sites, like an animated like button or a loading icon.

Remotion

A tool that builds video with React code and renders it to an MP4 file.

The steps

1. 1

   Step 1

   Watch the video before you write the prompt

   Open prompt-motion.com. Each card is a motion video someone made with Claude Opus 5.5, with the prompt behind it, the model and effort, and a link to the original post.

   Pick a video close to what you want and copy its prompt. Starting from something that worked beats a blank page.

   prompt-motion.com

   

   Tip: Filter by type: Kinetic type for text, Product UI for app screens.

2. 2

   Step 2

   Tailor the prompt to your project

   Every prompt on Prompt Motion has a Customize button. Add what the video is for, its format and colours, and it gives you a version made for you. The site says it is free and your details stay in your browser.

   Or let Claude tailor it with the prompt below.

   PromptTailor a proven prompt

   Copy

   Here is a motion prompt that worked for someone else:
   [paste the prompt]
   
   Adapt it to my project: the video is about [product or idea], [15] seconds, [9:16], colours [colours], on screen text: [text]. Keep the same style, change only the content.

3. 3

   Step 3

   Study an example next to its result on Promptcat

   Open promptcat.org and go to Animation. Every case shows the result, the prompt, the model, the creator and the original source.

   For interface work, start with the Lottie cases: like button, weather icon, loader. For a short film, look at the motion graphics cases.

   promptcat.org

   

   Tip: A result is a reference, not a guarantee. The same prompt can come out a little different.

4. 4

   Step 4

   Describe motion you can check

   The biggest lesson from Promptcat: describe motion you can verify. Say what shows first, what changes and when, where it holds at the end, give text enough reading time, and say whether the loop must join seamlessly.

   For interface motion: states, easing and an export format such as SVG or Lottie. For a film: duration, aspect ratio, shot order, type and audio.

   PromptA clear motion brief

   Copy

   Make a [Lottie or video] animation, [6] seconds long.
   Start: [what shows first]
   Transition: [what changes, and at which second]
   End: [the final hold]
   Text: [text], on screen for at least [2] seconds.
   Loop: [yes or no], and if yes it returns to its start with no cut.
   Keep every element inside the frame.

5. 5

   Step 5

   Render it to MP4 with Remotion

   When you need a video file, not just a moving page, use Remotion. Start a project with one terminal command, then let Claude Code write the scenes in React.

   Remotion ships Agent Skills for coding agents. It is free for individuals and companies of up to 3 people; bigger companies need a paid license.

   remotion.dev

   

   PromptFirst terminal command

   Copy

   npx create-video@latest

   Tip: Check the license page on remotion.dev before using it for a company.

6. 6

   Step 6

   Review the video before you post it

   Play it through and look for overlaps, abrupt cuts, missing frames and text that cannot be read.

   When you find something, tell Claude exactly where and at which second instead of just saying fix it.

   PromptA precise fix

   Copy

   At second [3] the text [text] sits on top of [element] and cannot be read. Move [element] to [position] and keep the text on screen for [2] seconds. Change nothing else.