/remotion-studio

Preview a Remotion video

remotion-dev@remotion-dev

GitHub

From plugin

remotion

56k12 skills

Install

$ npx -y skills add remotion-dev/remotion --skill remotion-studio --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
You can call itInvoke it directly when you want it.
Slash command/remotion-studio

Context preview

The summary Claude sees to decide when to auto-load this skill.

Preview a Remotion video

SKILL.md

remotion-studio.SKILL.md

name: remotion-studio
description: Preview a Remotion video
version: 4.0.507

Execute the following command:

npx remotion studio --no-open

If the Studio is already opened, the URL will be printed and the command will exit. Otherwise, a long-running process will start, and the URL will be printed.

Open the URL in the browser.

Useful flags

| Argument | Purpose | | ----------------- | --------------------------------------------------------------------------------------------- | | `--log=<level>` | Set `error`, `warn`, `info` (default), or `verbose` logging. | | `--port=<number>` | Request a Studio server port; otherwise Remotion finds a free port. | | `--force-new` | Start another Studio instance even when one is already running for the same project and port. |

Read it on GitHub ↗

Ships withremotion

🎥 Make videos programmatically with React

Get the whole plugin

Stats

TypeScript JavaScript Node React Vercel

+1 tag

GitHub

55,998

Stars

4,166

Forks