The “Lazy” Genius Guide: How to edit Movies Using Claude and Remotion

Let’s face it: Traditional video editing is a slog. You spend hours squinting at a timeline, dragging clips around like a digital janitor. But what if you could just order a video from an AI like you’re ordering a pizza?

Enter the Claude + Remotion workflow. By teaching Claude the “skills” of a video editor, you can build, edit, and render videos entirely through chat inside Visual Studio Code. It’s like having a Hollywood editor trapped in your laptop, but without the ego or the expensive coffee habit.

Here is your step-by-step guide to the future of filmmaking.


Step 1: Gear Up (VS Code & Claude Extension)

First things first, we need to get your tools ready. You can’t build a digital masterpiece in Notepad.

  1. Open Visual Studio Code.
  2. Install the Claude Dev Extension: Head over to the Extensions Marketplace (that little square icon on the left) and search for “Claude Dev” or “Claude Code.”
  3. Log In: Connect your Anthropic API key. This is the brain power behind the operation.

Step 2: Training Your Dragon (Installing Remotion Skills)

By default, Claude is a great coder, but he doesn’t know the “secret handshake” of Remotion video editing. We need to give him the manual.

  1. Find the Skill: Go to the Remotion Skills GitHub or official documentation.
  2. The Prompt: There is a specific “system prompt” or setup command for Remotion. You’ll want to copy this.
  3. Teach Claude: Paste that prompt into your Claude chat window. This tells Claude: “Hey, from now on, you are a Remotion expert. You understand frames, compositions, and how to make things look cool with React.”

Step 3: Initiation (The ##/remotion Command)

Now that Claude is educated, it’s time to start a project.

  1. The Magic Words: In the Claude chat, type ##/remotion video.
  2. Point the Way: Claude will ask you for the folder path of your “Raw” footage or your project directory.
  3. The Handshake: Enter the path (e.g., ./my-video-project). Claude will now scan your files and prepare to start “cooking.”

Step 4: Just Chat (Editing via Conversation)

This is where the magic happens. You don’t write code; you talk.

  • You: “Claude, take the video from the /assets folder, center it, and add a 3D spinning title that says ‘Summer Vibes’ in bright neon pink.”
  • Claude: “On it, boss.”

Claude will automatically write the TypeScript code, handle the animations, and organize the files. He’ll ask you clarifying questions like, “How long should the title stay on screen?” Just answer him like a human.


Step 5: The Preview (Remotion Studio)

Claude has written the code, but you need to see it with your own eyes.

  1. Switch to the Terminal: Run npm run dev.
  2. Check the Studio: This opens the Remotion Studio in your browser.
  3. The Feedback Loop: If the pink isn’t “neon” enough, go back to Claude and say, “Make it glow more.” The preview will update instantly. It’s like magic, but with more semi-colons.

Step 6: The Final Render

Once you’ve tweaked your masterpiece to perfection:

  1. Download/Render: You can either ask Claude to run the render command for you or type npx remotion render in your terminal.
  2. Celebration: Your MP4 is ready. You’ve just edited a video without touching a single dragging-and-dropping tool.

Frequently Asked Questions (FAQ)

Q: Do I need to know React to use this? A: It helps, but Claude is the one writing the code. If you can describe what you want, Claude does the heavy lifting. You just need to know how to read his suggestions.

Q: Can I use this for TikTok or YouTube Shorts? A: Absolutely. Just tell Claude the aspect ratio is 9:16, and he will adjust the “camera” settings in Remotion automatically.

Q: Is Claude’s “Skill” permanent? A: As long as you have the Remotion instructions in his context or the .claude/skills folder setup, he’ll remember he’s a video pro.

MY assistant is in touch with you AudioNative Player…


Discover more from GotMeNow Blog

Subscribe to get the latest posts sent to your email.

Leave a Reply

You May Love