/remotion-studio

Preview a Remotion video

remotion-dev@remotion-dev

GitHub

From plugin

remotion-dev-skills

4.2k12 skills

Install

$ npx -y skills add remotion-dev/skills --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-dev-skills

Remotion maintains a list of Agent Skills that define best practices for working in Remotion projects. These skills are useful for AI agents like Claude Code, Codex, Kimi Code or Cursor.

Get the whole plugin

Stats

TypeScript React Bash Markdown Anthropic

+1 tag

Bun

4,255

Stars

490

Forks

Active

Maintenance

TypeScript