remotion-studio Skill: Open the Remotion Preview While Claude Works

Makes your agent start Remotion Studio as soon as the project runs, so you can watch the video change while it works.

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

The skill tells the agent to start Studio and open its preview as soon as the project can run, before building the composition, and to keep it open. It runs npx remotion studio, which starts a long-running process and prints the URL. If Studio is already open it prints the URL and exits.

In Cursor the browser opens on its own. In other clients the same command can open the browser too. If the agent has an in-app browser and intends to use it, it runs with --no-open, opens the printed URL itself and checks that Studio loads. It needs a Remotion project and Node.js.

Good for

Remotion users who want to see the video as the agent builds it
Cursor and in-app browser users who want the preview to open by itself

Install remotion-studio

Claude Code

Copy this prompt.

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

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

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

Preview a Remotion video

Sections in SKILL.md

Useful flags

Key facts

Author: Remotion (remotion-dev), the maker of Remotion
Installs on skills.sh: 216,092 (Nov 2, 2026)
GitHub stars: 6,037 for the remotion-dev/skills repo (Nov 2, 2026)
Last repo commit: Oct 26, 2026
What installs: SKILL.md, a Codex metadata file and an icon (2 files); no scripts
Needs: A Remotion project and Node.js (the skill runs npx remotion studio)

What it includes

Starts the Studio preview and prints its URL
A long-running process. If Studio is already open it prints the URL and exits.
Runs code · npx remotion studio
Skips opening a browser so the agent can use its in-app browser
Used only when the agent can open the URL in an in-app browser.
--no-open
Sets logging to error, warn, info (default) or verbose
Useful when Studio fails to load.
--log=<level>
Asks for a specific port; otherwise Remotion finds a free one
--port=<number>
Starts another Studio even if one runs for the same project and port
--force-new
Opens the printed URL and checks Studio and the video preview load
Required when you use --no-open.
Network · Verify the preview

From the official docs

Permissions

Low risk

It starts a local Studio server with npx. Approve the command and stop the process when you finish.

What it can do

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

Watch out for

It starts a local server through npx
It runs `npx remotion studio`, a long-running local process. Approve the command, and stop the process when you are done.

Technical details

Talks to	localhost Studio server

Questions

How do I install remotion-studio?

Use the install box above. The Remotion README also lists npx skills add remotion-dev/skills for the whole set and a GitHub CLI route. The remotion-best-practices skill covers all the others if you are unsure which one to pick.

Does it work in Claude Code, Claude app or Codex?

The Remotion README says its skills are for agents like Claude Code, Codex, Kimi Code and Cursor. It does not document the Claude app. This skill also ships a small Codex display file.

What does remotion-studio do?

It starts Remotion Studio early in a task and keeps the preview open, so you can see and steer the video while the agent builds it.

Does it need an API key?

SKILL.md mentions none. It runs npx remotion studio in a Remotion project.

Is it safe?

It bundles no scripts. It starts a long-running local Studio process through npx, so approve the command in your client and stop the process when you are done.

Why did no browser open?

When the agent has an in-app browser and intends to use it, SKILL.md has it run Studio with --no-open and open the printed URL itself. Open the URL Studio printed yourself if needed.

Information

updated Nov 2, 2026

Repository: remotion-dev/skills
Folder: skills/remotion-studio

remotion-dev/skills skills.sh

Sources

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

Show all 2

remotion-dev/skills remotion-studio SKILL.md · github.com
remotion-dev/skills README · github.com