Remotion Studio

by remotion-dev32b241b97f4eNo licenseListed Oct 8, 2026Updated Oct 8, 2026

Preview a Remotion video

Instructions onlyDesign & Creative
AI-generated overview

Starts the Remotion Studio preview server so users can watch and steer video composition changes while editing.

What it does
This skill instructs an agent to launch Remotion Studio for a video project and open its browser preview as soon as the project can run, keeping it open during editing. It covers running the studio command with or without automatic browser opening, handling the printed URL, and verifying that Studio and the composition preview load. It also documents flags for logging level, port selection, and forcing a new instance.
When to use it
Use it when creating or editing a Remotion video project and you want a live preview the user can watch and give feedback on. It fits agent workflows where the studio should be started early, before the composition is built.
Requirements
Requires Node.js with npx and the Remotion package available in the project, plus a browser or in-app browser to open the printed Studio URL. Network access is needed to fetch packages if not already installed. The skill ships no scripts; it is instructions only.

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:

bash
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:

bash
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

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

Source and attribution

Source:remotion-dev/skillsinskills/remotion-studioat commit32b241b

License: No license

Content belongs to its original authors. SourceWeft indexes it from a public repository.

Report or request removal