Studio Mode
Understand the capabilities and restrictions of each Remotion Studio mode.
by remotion-dev · MIT
The skill
Understand the capabilities and restrictions of each Remotion Studio mode. Use when implementing or reviewing Studio actions, permissions, availability, or UI across interactive, detached, deployed, and browser-based Studios.
Studio Modes
Remotion Studio operates in four modes:
- Regular interactive Studio: Started with
npx remotion studio. A Studio server is attached and the Studio is fully interactive. It can render server-side, use "Open in" actions, execute codemods, install packages, and perform other server-backed actions. - Regular Studio with the preview server detached:
previewServerConnectedisfalse. The Studio is effectively read-only, although client-side rendering remains available. - Read-only Studio: A deployed Studio with no server attached. Hide or disable actions that require a server. GitHub is the only supported "Open in" action.
- Browser Studio: Deployed at
remotion.dev/newand backed by a virtual file system that is hidden from the user. It cannot use "Open in" actions, but it can install dependencies and execute codemods.
When adding or changing a Studio action, determine which modes support it and hide or disable it everywhere else.
Use this skill
Connect your agent to the Skill Store MCP server and ask for it by ref: remotion-dev/studio-mode-96831388351.
Details
- Publisher
- remotion-dev
- Category
- Creative & Media › Video
- License
- MIT
- Updated
- 2026-10-18
References
More from remotion-dev
- Add Bug Add a new Remotion bug entry to packages/bugs/api/[v].ts.
- Add Cli Option Add a new Remotion CLI or config option by creating an AnyRemotionOption, registering CLI parsing…
- Add Effect Add a new effect to @remotion/effects, including implementation, package exports, docs, demos, pr…
- Add Expert Add a new expert to the Remotion experts page