علّم Claude حركات المونتاج: أضف سكلز الفيديو وطبّقها على لقطاتكTeach Claude Video Moves: Add Video Skills and Apply Them to Your Clips

Key terms

Skill

A file of instructions Claude reads when you ask for a job it fits. You write it once and Claude applies it the same way every time.

SKILL.md

The main file inside a skill folder. A name and a description at the top, the steps below. Claude picks the skill from its description.

Remotion

A tool that makes video with code. Every frame is a web page, and the result is an MP4 file.

Claude Code

The version of Claude that works inside a folder on your computer. It reads files and runs commands itself.

The steps

1. 1

   Step 1

   Set up the reel folder and open Claude Code

   Install Claude Code from the official docs if you don't have it.

   Make a new folder for the reel with a clips folder inside it holding your vertical clips. Open the terminal in that folder and type claude.

   Everything happens inside this folder, so your clips stay on your machine.

   

   Tip: Number your clips (01.mp4, 02.mp4) so Claude orders them easily.

2. 2

   Step 2

   Add Remotion's official skills in one command

   The Remotion team ships official skills for coding agents like Claude Code.

   Run the command below in the terminal inside your folder. It adds skills for creating the project, writing animations, captions, previewing and rendering.

   You then call them with a slash, like /remotion-create and /remotion-render.

   remotion.dev

   

   PromptInstall command

   Copy

   npx skills add remotion-dev/skills

   Tip: Remotion is free for individuals and for companies with three employees or fewer. Larger companies need a company license.

3. 3

   Step 3

   Create a vertical video project

   Ask Claude for a new project at reel size and have it copy your clips in.

   The prompt is in English because the skills and the code are in English, and the result is more precise.

   PromptCreate prompt

   Copy

   /remotion-create Create a vertical 1080x1920 project at 30 fps. Copy the clips from [clips folder] into public/ and add a composition called Reel that plays [01.mp4] full screen.

4. 4

   Step 4

   Write your moves skill once

   This is the whole idea. Instead of explaining every move in every video, you write them once in a skill.

   Make a folder called video-moves inside ~/.claude/skills, add a SKILL.md file and paste the text below as is. On a Mac, open -e opens it in TextEdit. Anywhere else, use any text editor.

   Then quit Claude Code and open it again so it sees the skill.

   

   PromptFull SKILL.md

   Copy

   ---
   name: video-moves
   description: Applies short form video moves to a vertical talking head clip in a Remotion project. Use when the user asks for a face push-in, a glass card, a phone mockup, a synced checklist, a chart that grows, flash word cards, a zoom through cut, word captions with highlighted key words, an Arabic kashida stretch, or a phone showcase of several items.
   ---
   
   # Video moves (Remotion, 1080x1920)
   
   Work inside the current Remotion project. Use the remotion-markup skill for code patterns, remotion-captions for the transcript and remotion-render to export. Ask for any missing clip or word. Never invent numbers on screen.
   
   ## Rules for every move
   - Timing comes from the words: transcribe the clip first, then anchor each move to a spoken word.
   - At most two moves on screen at once. Keep text off the face and above the bottom 380 px (the app's buttons sit there).
   - Animate with spring() or interpolate() with easing. No linear motion.
   
   ## Moves
   1. Face push-in: scale the clip from 1.00 to 1.08 over 0.6 s starting on the key word, origin at the face, then hold.
   2. Glass card: a rounded card (radius 40) with backdrop-filter blur(6px) saturate(1.6), a 1 px white border at 35% opacity and a soft shadow. It springs in beside the face with one icon and one short line.
   3. Phone mockup: a phone frame (radius 86, 14 px black bezel) that plays a second clip, tilted -3 degrees, at chest height.
   4. Synced checklist: numbered rows in two columns at the top corners. The row of the item on screen turns yellow (#FFD60A) on the exact frame its clip starts; the other rows stay white at 55% opacity.
   5. Counter pill: a small dark pill reading 05/17 in the phone's top corner, updated on every cut.
   6. Chart grow: bars grow from 0 to their value, 4 frames apart, then the number counts up. Real numbers only, or label the chart "example".
   7. Flash word cards: 3 or 4 full frame cards with one word each, 6 frames per card, the last card holds 12 frames.
   8. Zoom through cut: the outgoing shot scales to 1.25 with a 20 px blur over 6 frames while the next shot scales from 0.85 to 1.00.
   9. Word captions: one or two words at a time at 60% of the height, white, key words yellow, no outline.
   10. Kashida stretch (Arabic only): on one key word, insert the tatweel character after a letter that joins forward, grow it from 1 to 3 characters over 10 frames, then let it spring back.
   
   ## Phone showcase (a list of items)
   When the user lists N items: the phone plays one item clip every 0.9 to 1.2 s with hard cuts, item 1 already on screen at frame 0. A two line title sits at the top with the count in yellow. Use the synced checklist and the counter pill. No captions until the list ends, then cut to the talking clip with word captions. The number in the title must equal the number of items actually shown.

   Tip: The description at the top is what makes Claude pick the skill on its own. Keep it clear and specific.

5. 5

   Step 5

   Apply the moves to your clip

   Now ask for moves by name, and name the word each move starts on. The timing comes from what you say.

   Claude transcribes the audio first, then ties each move to its word.

   PromptMoves prompt

   Copy

   /video-moves Apply to [01.mp4]: a face push-in on the word [word], a glass card with [short line] next to me on the word [word], and word captions with these key words in yellow: [key words]. Keep everything clear of my face.

6. 6

   Step 6

   Try the proof list format

   This is the format from the reel: a phone in your hands, a new move about every second, and the list at the top lighting up on every cut.

   Prepare one short clip per item. The number in the title must match the items that actually appear, never more.

   PromptList prompt

   Copy

   /video-moves Build a phone showcase: [N] items, one clip each from [clips/items], [1.0] s per item. Title line 1: [title]. Title line 2: [line 2]. Checklist names in order: [name 1], [name 2], [name 3]. Then cut to [talk clip] with word captions.

7. 7

   Step 7

   The 18 moves from the reel, and a prompt for each group

   In the 18 moves in 20 seconds reel, here are all the moves, in four groups.

   Text and type: kinetic hook, gravity drop, giant captions.

   UI and files: prompt bar, storyboard deck, icon strike, file drop, NLE timeline, jiggle delete.

   Colour: grade slider, eyedropper grade, film look.

   Cards and the CTA: title card, playing grid, reel feed, video card, comment CTA, comment drop.

   Each group has one prompt. The first is below, and the other three are in the saved prompts list at the end of the guide. They all run on the skills you installed above and have Claude build the moves on your clip. The prompts are in English because the skills and the code are in English.

   PromptPrompt 1: text and type

   Copy

   /video-moves Build these text moves on [01.mp4], using the video-moves skill and the Remotion skills already installed. Transcribe the clip first and anchor every move to a spoken word.
   
   1. Kinetic hook: the opening line [hook line] animates in word by word during the first [1.5] s, with a spring scale and a small rotation.
   2. Gravity drop: on the word [word] at [timestamp], the word falls from the top of the frame, lands and bounces once.
   3. Giant captions: from [start] to [end], one or two words at a time, very large, filling most of the frame width, with these key words in yellow: [key words].
   
   Before you write code, tell me in one line how you read each move. Keep text off my face and above the bottom 380 px. Never put a number on screen that I did not give you.

   Tip: Paste each prompt on its own and check the result before the next group, so mistakes do not pile up.

8. 8

   Step 8

   Preview and export

   /remotion-studio opens a preview in your browser where you can check every frame. If something is off, tell Claude exactly where: the second and the element.

   When it looks right, /remotion-render gives you an MP4 ready to post.

   PromptRender prompt

   Copy

   /remotion-render Render the Reel composition to out/reel.mp4 at 1080x1920.

   Tip: Change one thing per request so you don't break the moves you already tuned.

9. 9

   Step 9

   Use the same skill in claude.ai

   The skill also works in claude.ai on the web. Zip the video-moves folder.

   In Settings, then Capabilities, turn on Code execution and file creation. Then go to Customize, then Skills, press +, then Create skill, then Upload a skill, and upload the ZIP.

   The folder name must match the skill name. Rendering stays easiest in Claude Code on your machine.

   

Ready prompts to copy

Add a new move to my video-moves skill: [describe the move in one sentence]. Use it when [the moment it fits]. Write it in the same format as the other moves and keep SKILL.md short.

Watch out/reel.mp4 frame by frame at [seconds to check]. List anything that covers my face, any caption under the bottom 380 px, and any move that starts off its word.

/video-moves Build these UI and file moves on [01.mp4], using the video-moves skill and the Remotion skills already installed. Transcribe the clip first and anchor every move to a spoken word.

1. Prompt bar: at [timestamp] a chat style input bar types [prompt text] letter by letter, then presses send.
2. Storyboard deck: [3] frame cards fan out in a row, one per scene: [scene 1], [scene 2], [scene 3].
3. Icon strike: icons for [item 1], [item 2], [item 3] appear in a row, and each gets a line through it on the words [word 1], [word 2], [word 3].
4. File drop: a file icon named [file name] slides into a folder window on the word [word].
5. NLE timeline: a video editor timeline with [3] tracks scrolls under a playhead from [start] to [end], with clips named [clip 1] and [clip 2].
6. Jiggle delete: the icons [icon list] jiggle like on a phone home screen, then get deleted one by one on [word].

Before you write code, tell me in one line how you read each move. Keep everything off my face and above the bottom 380 px. Never put a number on screen that I did not give you.

/video-moves Build these colour moves on [01.mp4], using the video-moves skill and the Remotion skills already installed. Transcribe the clip first and anchor every move to a spoken word.

1. Grade slider: at [timestamp] a slider UI drags from left to right, and the colour grade of the clip changes with it, from flat to rich.
2. Eyedropper grade: at [timestamp] an eyedropper picks the colour of [object] in the frame, and the grade shifts toward that colour.
3. Film look: from [timestamp] to [end], apply a film look with a warm grade, light grain, a soft vignette and gentle contrast.

Before you write code, tell me in one line how you read each move. Keep my skin tone natural, keep the UI off my face and above the bottom 380 px, and never put a number on screen that I did not give you.

/video-moves Build these card and call to action moves on [01.mp4], using the video-moves skill and the Remotion skills already installed. Transcribe the clip first and anchor every move to a spoken word.

1. Title card: a full frame card with [title] and [subtitle], springs in at [timestamp] and out after [1] s.
2. Playing grid: a grid of [6] small video tiles, each playing a clip from [clips folder], and one tile highlights on the word [word].
3. Reel feed: a phone showing a vertical feed of [3] clips from [clips folder] scrolling up, [1] s each.
4. Video card: one glass card that plays [clip] beside me on the word [word].
5. Comment CTA: a comment box that types the keyword [KEYWORD], with the line [call to action line] above it, from [timestamp] to the end.
6. Comment drop: a comment bubble with [KEYWORD] drops in from the top of the frame and lands at [timestamp].

Before you write code, tell me in one line how you read each move. Keep everything off my face and above the bottom 380 px. Never put a number on screen that I did not give you.