RIP Manual Video Editing
The Autonomous AI Motion Designer Setup Guide
Engineered for Claude Code
Executive Summary
This document outlines the exact technical workflow required to build an autonomous video
editing agent. By following these five steps, you will deploy a system capable of producing
automated motion design and video edits rapidly.
1. Phase 1: Environment Setup
To run autonomous agents, you need a stable development environment. We utilize Visual
Studio Code (VS Code) as our primary command center.
• Download: Visit [Link]
• Installation: Install the version compatible with your OS (Mac/Windows/Linux).
2. Phase 2: Claude Code Activation
Claude Code is a specialized terminal-based agent that can “think” and “act” within your file
system.
Note: You must have an active Claude Pro or Team subscription to authenticate and use the Claude
Code terminal features.
1. Open VS Code and navigate to the Extensions marketplace.
2. Search for and install “Claude Code” or “Claude Dev”.
3. Sign in with your Anthropic account to link your subscription.
1
3. Phase 3: Install the Remotion Skill & Project Configuration
1. Open your regular terminal outside of any specific project directory.
2. Run the initial download command (provided in Remotion’s announcement on X) to down-
load the necessary repository.
3. When prompted to choose an agent, select the Claude Code agent. Choose to install it on
the project scope (rather than globally) and proceed using the recommended installation
methods.
4. In your terminal, run the following command:
bun create video
5. You will be presented with a list of templates; select the blank canvas option.
6. Enter a name for your new project directory (e.g., “motion design”) and add the agent skills
to finish setting up the folder.
4. Phase 4: Clean Up Your Workspace
1. Open your newly created project folder in VS Code.
2. On the left side, you will see various package files for different AI agents (like Cursor, Gemini,
or Open Code).
3. To keep your project clean, delete the files for the agents you are not using. Keep only the
Claude file and the Remotion best practices skill.
5. Phase 5: Triggering the Agents & Building the Design
Once the environment is prepped, you can deploy your AI motion designer.
1. Start a new Claude session directly inside your project folder.
2. Provide Claude with a highly detailed prompt explaining exactly what you want the motion
design to look like. (Tip: If you struggle to write a good prompt, you can use a separate Claude
session to help you brainstorm and generate a detailed prompt first.)
3. Claude will use the Remotion skill to read the files, create a to-do list, and automatically build
out the animation.
4. Once finished, it will automatically spin up a server so you can preview your design in a web
browser. You can continuously iterate on the design by giving Claude further instructions.
2
Optional: Add Custom Assets
If you want to include your own images or videos (like a profile picture or logo), drag and drop
those files into the public folder located on the left side of your VS Code workspace. Copy the
file path of your asset and paste it into your Claude prompt, giving instructions on where exactly
to place it in the animation.
Built by Phaze AI
Automate the boring. Build the future.
@PhazeAl