RemotionInstall Remotion Studio
Pick your agent. Every command is ready to paste.
npx skills add remotion-dev/skills --skill remotion-studioThe open skills CLI detects your agents (Claude Code, Cursor, Codex and 70+ more) and installs to the right folder. Add -g to install globally.
01
Install it
Run the command above, or upload the folder in Claude.
02
Ask naturally
Describe the task. Your agent loads remotion-studio when the request matches its description.
03
Name it if needed
If it does not trigger, say “use the remotion-studio skill”. In Codex, type $remotion-studio.
The skill itself
SKILL.md
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. |
Tips for Remotion Studio
- • Start a fresh session after installing so your agent picks up the new skill.
- • It bundles reference files. The agent reads them only when needed, so they cost no context until then.
- • It is part of a pack with 13 skills. Install only the ones you need with --skill to keep triggers precise.
- • If two skills overlap, mention the one you want by name.
Questions about Remotion Studio
What does the Remotion Studio skill do?
Preview a Remotion video
How do I install Remotion Studio?
Run "npx skills add remotion-dev/skills --skill remotion-studio" in your project. The skills CLI installs it for Claude Code, Cursor, Codex and 70+ other agents. In Claude on the web, upload the skill folder as a ZIP under Customize > Skills.
Does Remotion Studio work in Cursor and Codex?
Yes. Remotion Studio uses the open SKILL.md format, so it works in Claude Code, Claude, Cursor, OpenAI Codex, Gemini CLI, GitHub Copilot and other agents that support agent skills.
Is Remotion Studio free?
Remotion Studio is open source on GitHub. It is free to install; check the license before commercial use.
Who made Remotion Studio?
Remotion Studio is published by Remotion in the remotion-dev/skills repository, together with 12 other skills.
