Use Remotion Studio for previewing, debugging, and iterating on compositions.
Real-world examples not captured yet
This skill shows a gallery of live HTML demos (CDN libraries welcome — GSAP, Three.js, etc.) rendered inline via srcdoc.
Skill markdown
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 | 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. |
More from remotion-dev
- Remotion Best PracticesDomain-specific knowledge base for building videos with Remotion and React.
- Remotion CaptionsTranscribe, display, and animate captions in Remotion compositions.
- Remotion CreateCreate a new Remotion video project with official scaffolding and conventions.
- Remotion DocsSearch and read current Remotion documentation while building video compositions.
- Remotion InteractivityAdd interactive and input-driven behavior to Remotion compositions and player experiences.
- Remotion MapsUse map and geospatial visuals inside Remotion video compositions.