About remotion-studio
remotion-studio is a skill that guides agents to start Remotion Studio and keep its preview open while creating or editing video. It is for Remotion workflows in Cursor and other agent clients.
Key features
- 01Starts Remotion Studio
- 02Opens a browser preview automatically
- 03Supports in-app browser use
- 04Configures logging and port
- 05Can force a new instance
Use cases
- 01View Studio before building a composition
- 02Check previews throughout video work
- 03Open Studio in an in-app browser
- 04Start a separate Studio instance
Install
Copy the command and run it in a terminal.
npx skills add https:/After installing, type/remotion-studioin Claude Code to confirm it loaded.
Bundled filesagents/openai.yamlassets/remotion-icon.svg
Details
From the project READMEWhen 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. |