What is Remotion? Make a video with Claude Code or Cursor: a beginner's guide

What is Remotion in plain language?

Remotion is a tool for making videos on a computer. In a traditional editor, you move clips with a mouse. In Remotion, the placement of text, motion and timing are described in code. Remotion shows the result in its preview and saves the video to a file. Its website is not a one-click film generator: this workflow creates a project on your own computer.

For example, you can ask: ‘Show the game title, zoom into a game image, then show a link.’ An AI assistant writes the files, Remotion assembles the frames, and you review and correct the result. It cannot invent your whole story, image assets or audio without a brief and the materials you want it to use.

Which tool does what, and where do you get it?

For your first attempt, you need a computer, Remotion, Node.js and one AI coding assistant. Choose Cursor or Claude Code; you do not need both. Each item below links to an official page and explains its role.

• Remotion ↗

  The video-making tool. It assembles scenes from code, shows a preview and exports the result. We will create a Remotion project with the commands below.

• Node.js ↗

  Software that lets your computer run Remotion's tools. Install the recommended stable LTS release. It normally includes the npm and npx commands used below.

• Cursor ↗

  An editor with a built-in AI agent. Open your video folder, describe the task in plain language and review the changes. After installation, sign in or create an account.

• Claude Code ↗

  An alternative to Cursor: an assistant that works with your project files. In Claude Desktop, sign in and open the Code tab. Claude's free chat plan does not include Claude Code; you need a plan that includes it. A terminal version is also available.

• Remotion Agent Skills ↗

  Extra instructions for the AI assistant on building Remotion scenes. This is neither a separate video editor nor a paid video-generation model.

• Remotion Studio ↗

  The preview window for your project. It opens in a browser on your computer, where you watch the video and start the export.

How code becomes motion and a video file

A video is a sequence of frames, individual images shown in quick succession. If you say ‘fade the title in during the first second,’ the agent writes that rule into the project files. Remotion shows the title at the right moment. Rendering means combining the final frames and audio into one file, such as an MP4 you can upload to YouTube.

The agent writes and edits code from your instructions. You watch a draft in Remotion Studio and say, for example, ‘Make the text larger’ or ‘Keep this scene on screen two seconds longer.’ This works well for explainers, charts, titles and videos with a consistent style. You still direct the story and check the result.

First run: six simple steps

Start on a computer, not a phone. ‘Terminal’ below means a window where you paste commands. On Windows, it can be PowerShell; Cursor also has a Terminal tab. Paste the commands under the list one line at a time, in order. The name my-video will become your project folder.

npx create-video@latest --yes --blank my-video
cd my-video
npx remotion skills add
npm run dev

Full official Remotion setup guide ↗

What to ask the agent for your first video

A prompt is simply the written task for your AI assistant. Paste the example below into Agent or Code. Vertical 1080×1920 means a phone-shaped video; 30 fps means 30 frames per second. For a first attempt, 30 seconds, four scenes and title cards without narration are enough.

After the first result, give specific feedback: ‘The text at eight seconds is too small’ or ‘The transition is too fast.’ When it looks right, export the MP4 in Studio. For narration, add your own voice recording to the folder and ask the agent to use it. Automatic voice generation and transcription need additional setup.

Prompt for Claude Code or Cursor

Create a vertical Remotion video in this project: 1080×1920, 30 fps, 30 seconds. Topic: how a vibe coder makes a simple game in one evening. Four scenes: hook, brief to the agent, first game frame, conclusion. Use only code-based 2D elements, typography and local project files. Do not connect paid APIs, invent statistics or fetch third-party media without checking rights. Add Ukrainian title cards, smooth transitions and a slot for my narration. First show a scene plan with timings, then build the composition, start the preview and check the beginning, middle and end. Render the MP4 after I review it.

Three examples on YouTube

These videos show the creator's screen and the finished result. Watch how titles appear, shapes move and how often the creator asks for a correction. They are short examples, not proof that a ten-minute episode is made with one message.

• ▶Create motion graphics with AI – Simple tutorial for beginnersWatch on YouTube ↗

  A short tutorial linked from the Remotion documentation: from a written brief to moving titles and shapes.

• ▶Generate Animated Videos with Claude Code (Remotion Agent Skill Tutorial)Watch on YouTube ↗

  Snapper AI turns a static infographic into an animated MP4. The result appears at 0:45, followed by setup, three prompts, preview revisions and export.

• ▶Claude Code + Remotion = FREE Motion Graphics Tutorial (No Subscription)Watch on YouTube ↗

  Pouya Eti demonstrates lower thirds, subscribe animations, transitions and editing overlays. The link starts at the first preview at 4:07; more examples begin at 7:29. The title's no-subscription claim depends on the limits of your own account.

What about 3D and captions?

You do not need 3D for a first video. 2D means flat titles, images and shapes. 3D means objects with depth that a camera can move around. If you need 3D later, Remotion has an optional @remotion/three package that works with Three.js, a browser 3D tool. An agent can make a simple camera, lights and object motion. It does not automatically replace good rigging and character animation.

You can also write subtitles directly into the video. If you have a voice recording, SRT and VTT are files that pair text with timestamps; Remotion can use them. Whisper is separate speech-to-text software that you can add later. Skip it on your first attempt unless needed. Always listen back and check Ukrainian words and subtitle timing.

• Remotion: how 3D works ↗
• Remotion: how to add SRT/VTT ↗
• Remotion: ways to create captions ↗

Can you build a ten-minute video?

Yes, it is technically possible: ten minutes at 30 fps contain 18,000 frames. But runtime is not production time. You still need a script, many scenes, source material, fact and audio checks, draft renders and a final export. Long 3D scenes or heavy effects increase computer requirements and render time. Remotion does not promise that every such video can be completed from a single prompt.

Build in stages instead: first 30 seconds in the intended style, then one complete two-minute chapter, and only then the whole episode. If style, pace and sound fail the short test, scaling to ten minutes multiplies rework. For a recurring series with the same titles and graphics, code offers an advantage: a proven template can be reused.

Only tokens? Where costs actually appear

‘Tokens’ refer to the amount of text an AI reads and writes while working; they may affect the agent's limits or price. Remotion on your computer does not charge per second of finished video, but Cursor and Claude Code may have their own limits and plans. Your computer also needs time to render; paid voices, music or third-party assets add separate costs.

Under Remotion's current terms, individuals and companies of up to three people can use its free license, including commercially. Larger teams need a paid license. Check the official terms below before a professional project. ‘Only tokens’ is an oversimplification.

• Remotion license terms ↗
• Current Cursor plans ↗
• Current Claude plans ↗

Who will actually benefit

This is useful for videos with titles, charts, moving diagrams and consistent branding across episodes. If your text or numbers change, the agent can edit the project and render again. Realistic films with characters still need filming, 3D animation or other tools.

Start with a short test on your computer: do you like the look, how long did revisions take, and how long did export take? Then decide whether to make a ten-minute episode. If you want AI to generate the footage and characters themselves, that is a different workflow covered in our separate guide to AI cartoons and films.