/remotion-studio
Preview a Remotion video
Claude Code
$ npx -y skills add remotion-dev/remotion --skill remotion-studio --agent claude-code
Codex
$ npx skills add remotion-dev/remotion --skill remotion-studio -a codex -y
Cursor
$ npx skills add remotion-dev/remotion --skill remotion-studio -a cursor -y
Gemini CLI
$ npx skills add remotion-dev/remotion --skill remotion-studio -a gemini-cli -y
GitHub Copilot
$ npx skills add remotion-dev/remotion --skill remotion-studio -a github-copilot -y
OpenCode
$ npx skills add remotion-dev/remotion --skill remotion-studio -a opencode -y
Windsurf
$ npx skills add remotion-dev/remotion --skill remotion-studio -a windsurf -y
SKILL.md
remotion-studio.SKILL.mdname: remotion-studio
description: Preview a Remotion video
version: 4.0.543
When creating or editing a video, start Studio and open its preview as soon as the project can run, before building the composition. Keep it open while you work so the user can see changes and steer.
In Cursor, run Studio without `--no-open` so the browser opens automatically:
npx remotion studio
In other agent clients, you can also let Studio open the browser automatically with the command above. If you have an in-app browser and intend to use it, run:
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.
When using `--no-open`, open the exact printed URL in the in-app browser and verify that Studio loads. Once a composition exists, verify that its video preview loads. Do not use `--no-open` if you cannot open the URL in the in-app 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 more
name: remotion-studio description: Preview a Remotion video version: 4.0.543
When creating or editing a video, start Studio and open its preview as soon as the project can run, before building the composition. Keep it open while you work so the user can see changes and steer.
In Cursor, run Studio without `--no-open` so the browser opens automatically:
npx remotion studio
In other agent clients, you can also let Studio open the browser automatically with the command above. If you have an in-app browser and intend to use it, run:
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.
When using `--no-open`, open the exact printed URL in the in-app browser and verify that Studio loads. Once a composition exists, verify that its video preview loads. Do not use `--no-open` if you cannot open the URL in the in-app 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. |
Other skills on remotion.
remotion-interactivity
Structures Remotion markup so layers, timing and styles are editable in Remotion Studio. Use when writing a new composition or…
More skills from other plugins.
captions-overlay
Overlay doctrine for captions in HyperFrames videos — the caption MODEL (drop / rail / embed) and the rule that captions are an…
acestep
AI music generation with ACE-Step 1.5 — background music, vocal tracks, covers, stem extraction for video production. Use when…
seedance-antislop
This skill should be used when a Seedance 2.0 prompt contains generic AI filler, hollow superlatives, vague cinematic language,…
Questions about remotion-studio.
- Which coding agents can use remotion-studio?
- remotion-studio installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.

