Agent skill · software engineering · remotion-dev
remotion-studio
Preview a Remotion video
Why this skill is useful
Codifies the command and useful flags for launching Remotion Studio, which the AI could infer but now has explicit details.
What it needs
Requires remotion installed locally. About 1k tokens when loaded. Last updated 2026-08-06. 55,698 stars on the source repository.
What this skill does
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: 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: 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.
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills remotion-dev/remotion-studio