Remotion skills: what they are, what's inside, and how to use them with Claude Code.

The Remotion docs list 12 skills, each invoked by name with a slash. The repository itself contains a skills/ folder with the individual skill definitions and a scripts/ folder with build and utility scripts.

• /remotion-best-practices: a comprehensive skill that covers all the others.
• /remotion-create: setting up a new project and new compositions.
• /remotion-markup: React markup, animations, layout, typography, media, effects, audio, fonts and timing.
• /remotion-studio: launching the video preview.
• /remotion-render: rendering videos and stills.
• /remotion-maps: map animations, routes and markers, with Mapbox, MapLibre, GeoJSON and CesiumJS.
• /remotion-captions: subtitle and caption guidance.
• /remotion-saas: app architecture for products built on Remotion.
• /remotion-interactivity: making elements editable in Studio.
• /remotion-docs: searching the Remotion documentation and fetching any page as Markdown.
• /remotion-upgrade: upgrading Remotion, related packages and the installed Remotion skills.
• /remotion-multimedia: browser-based media handling and metadata with Mediabunny.

In practice the split is easy to read: setup, writing the scene, previewing, rendering, and a few specialized areas (maps, captions, product architecture). For a typical promo clip, /remotion-create, /remotion-markup, /remotion-studio and /remotion-render are the ones you will touch.

Run npx skills add remotion-dev/skills to install the Remotion skills. That is the command given on Remotion's skills page and in the repository README. The docs list Claude Code, Codex, Kimi Code and Cursor as supported agents.

# Add the official Remotion skills
npx skills add remotion-dev/skills

# Or pick them up while creating a project
bun create video

There is a second route in Remotion's Claude Code guide, which creates a blank project and then runs npx remotion skills add inside it. Both end with the same result: the skills are available to your agent in that project. Once installed, you invoke a skill by prefixing your prompt with its name, for example /remotion-create Make a promo video, which is the example the docs use.

The skills tell the agent how Remotion expects video code to be written, so the output follows the framework's conventions rather than the agent's general guesses. We have not measured a before-and-after difference, and Remotion does not publish one, so treat the points below as what the skills cover, not as promised results.

• Project structure. /remotion-create covers new projects and compositions, so the agent starts from the way Remotion sets things up.
• Animation and layout. /remotion-markup covers React markup, animations, layout, typography, media, effects, audio, fonts and timing: the building blocks of every scene.
• Preview and render. The agent is pointed at Remotion Studio for previewing and at the render workflow for output, instead of improvising its own.
• Docs on demand. /remotion-docs lets the agent search the Remotion documentation and pull a page as Markdown, which helps when an API detail matters.

Without the skills, a capable model can still write Remotion code, because Remotion is React. The skills reduce the amount of Remotion-specific context you have to restate in every prompt.

To use Remotion skills in Claude Code, create a Remotion project, install the skills inside it, start the preview server, then open Claude Code in the same folder and prompt your video. These are the steps from Remotion's Claude Code guide:

npx create-video --yes --blank --no-tailwind my-video
cd my-video
npx remotion skills add
npm run dev

# in a second terminal
cd my-video
claude

1. Create the blank project and move into it. Node.js is required for this step.
2. Install the skills (npx remotion skills add, or npx skills add remotion-dev/skills as shown above).
3. Start the preview server with npm run dev and leave it running.
4. Open a second terminal in the same folder and launch Claude Code with claude.
5. Describe the video: length, aspect ratio, scenes, on-screen text and style. You can prefix the prompt with a skill name such as /remotion-create.
6. Watch the result in the preview, then ask Claude to fix timing or layout and repeat.

For a longer walkthrough with example prompts, read our hands-on Claude Code tutorial.

Skills do not make videos by themselves: they are instructions for an agent, not a renderer. You still need an agent (Claude Code, Codex, Kimi Code or Cursor per the docs), a model behind it, and a Remotion project to work in.

• You still need Node.js and a local setup. The project is created with npx commands, and previewing and rendering happen on your machine unless you set up something else.
• They do not render. Rendering is handled by Remotion's own tooling; the /remotion-render skill only guides the agent through it.
• They do not guarantee a finished video. Expect to preview and iterate. Pacing, text that never overlaps and transitions that land on the beat are still things you check with your own eyes.
• The license still applies. Remotion's Free License covers individuals, for-profit organizations with up to 3 employees, and non-profits, and the license text allows using Remotion non-commercially or commercially to create videos and images. Other organizations need a Company License, available through remotion.pro. Installing skills does not change this.

Remotion skills suit you if you want to work inside a Remotion project, read the code and shape every scene yourself. A hosted generator suits you if you only want the finished video.

Opus55Vid is the second kind. You write one sentence, Claude Opus 5.5 writes the Remotion code, the animation previews in your browser, and we render a 1080p MP4 with sound effects timed to the animation. There is no Node.js, no project and no skills to install. You can see how that works on the Opus 5.5 video page. The two routes are not rivals: plenty of people start by generating a video and move to a local project when they want full control of the code.