remotion-best-practices Skill for Claude Code: Build Remotion Videos

Teaches Claude how to create, preview and render videos with Remotion, and routes it to the right guide for each task.

Installs: 727.9K; on skills.sh
Stars: 6K; on GitHub
Files: 60+; besides SKILL.md
Updated: Oct 2026; last repo commit

remotion-best-practices is the front door to Remotion's agent skills. It tells the agent which bundled guide to load for the job: creating a video or project, writing React markup, maps, captions, interactivity, rendering, docs lookup, SaaS apps or upgrades.

By default it starts Remotion Studio so you see a live preview, and it only renders to a file when you clearly ask ("render", "export", "give me the MP4"). It tells the agent not to overwrite edits you made outside the chat. It runs npx remotion commands in your project.

Good for

Developers who make videos from React code
Marketers and creators who prompt for promo videos and explainers
Teams building apps that render video, on Lambda, Vercel or Cloudflare

Install remotion-best-practices

Claude Code

Copy this prompt.

Install the remotion-best-practices skill in Claude Code. Run this command:

npx skills add https://github.com/remotion-dev/skills --skill remotion-best-practices

Then check that it loaded and tell me how to use it.

2
Paste it into Claude Code. It shows the change and asks before running it.

Requires Node.js.

From its listing on skills.sh. Source.

What's in the skill

When it loads

Router for all Remotion skills

Sections in SKILL.md

Preserve user changes
Creating a video
New project setup
React Markup Best Practices
Maps
Multimedia
Improving Interactivity
Open the preview
If you are using Cursor
If you are using another agent client with an in-app browser
If you do not have an in-app browser
More options
Render the video
Captions
Creating a SaaS, automation or application
Looking up Remotion APIs and documentation

Key facts

Author: Remotion (remotion-dev)
Repo: remotion-dev/skills
Installs on skills.sh: 727,896 (Nov 2, 2026)
GitHub stars: 6,037 (Nov 2, 2026)
Last repo commit: Oct 26, 2026
Files next to SKILL.md: 143 files
skills.sh audits: Gen Agent Trust Hub pass, Socket pass, Snyk pass
Bundled guides: Sub-guides for create, markup, maps, captions, interactivity, docs and more, with sample code and two .mjs prep scripts

What it includes

Loads remotion-create for new videos or setting up a Remotion project
Write · Create a video or project
Loads remotion-markup for compositions, animation, layout, fonts, audio and timing
Write · React markup
Static maps, animated routes, Mapbox, MapLibre, MapTiler, GeoJSON, 3D flyovers
Some map guides use third-party map services, and the Cesium and MapTiler guides bundle prep scripts.
Write · Maps
Runs npx remotion studio so you can watch the video as it is built
Runs code · Open the preview
Runs npx remotion render, only when you explicitly ask
Runs code · Render the video
Guides for importing SRT files and transcribing captions
Write · Captions
Makes elements editable in Remotion Studio and writes changes back to code
Write · Interactivity
Guidance for the Player, rendering on Lambda, Vercel, Cloudflare or Express
Read · SaaS and automation
Searches current Remotion docs, and upgrades Remotion packages and skills
Runs code · Docs lookup and upgrade

From the official docs

Permissions

Medium risk

What it can do

Read your data
Create and change things
Delete things
Read-only mode

Watch out for

It runs npx remotion commands and edits project files
Use it in a project under version control, and look at what Studio and render commands do before approving them. github.com
It starts a long-running preview server
Remotion Studio keeps running on a local port while you work. Stop it when you are done. github.com
Some bundled guides ship Node scripts
The Cesium and MapTiler map guides include prep-cesium-path.mjs and prep-geo.mjs. Read a script before the agent runs it. github.com

Technical details

Talks to	Remotion Studio runs a local server. Map and caption guides use third-party services such as Mapbox or MapTiler
Scopes	Your Remotion project files Media, captions and map data you add

Questions

What does remotion-best-practices do?

It sends the agent to the right Remotion guide for the task and sets rules for previewing and rendering. The README calls it the skill that includes all the others.

How do I install it?

Use the install box at the top. The README also shows npx skills add remotion-dev/skills for the full set and says you are offered skills when you run bun create video.

Does it render a video when I ask for one?

It shows a live Studio preview first. It renders to a file only when you are explicit, for example "render", "export" or "give me the MP4".

Does it need an API key?

The SKILL.md names no key. Its map guides cover Mapbox, MapTiler and Cesium, which are third-party services that may need their own access.

Does it work in Cursor and Codex?

The Remotion README says the skills are useful for Claude Code, Codex, Kimi Code and Cursor.

Is it safe?

It runs npx remotion commands and edits files in your project, and a long-running Studio server stays up while you work. Review changes, and watch network calls in the map guides. Skills.sh audits: Gen Agent Trust Hub pass, Socket pass, Snyk pass.

Information

updated Nov 2, 2026

Repository: remotion-dev/skills
Folder: skills/remotion-best-practices

remotion-dev/skills skills.sh

Sources

Docs, issue trackers and discussions this page is built from.

Show all 3

remotion-best-practices SKILL.md · github.com
README · github.com
remotion-best-practices on skills.sh · skills.sh