About studio-mode
studio-mode documents the four operating modes of Remotion Studio and their capabilities. It guides developers in showing or disabling Studio actions according to server and environment availability.
Key features
- 01Describes four Studio modes
- 02Lists mode-specific capabilities
- 03Guidance for action availability
Use cases
- 01Adding a Studio action
- 02Adapting controls for read-only Studio
- 03Checking browser Studio limitations
Install
Copy the command and run it in a terminal.
$
npx skills add https:/ / github.com/ remotion-dev/ remotion --skill studio-modeAfter installing, type/studio-modein Claude Code to confirm it loaded.
Details
From the project READMEStudio 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.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.
Comments
Markdown supported