studio-mode について
studio-mode は Remotion Studio の 4 つの動作モードと各機能を説明するガイドです。サーバー接続や実行環境に応じたアクションの表示・無効化を開発者に案内します。
主な機能
- 014 つの Studio モードの説明
- 02モードごとの機能一覧
- 03アクション利用可否の指針
活用シーン
- 01Studio アクションの追加
- 02読み取り専用 Studio 向けの操作調整
- 03ブラウザー Studio の制限確認
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/studio-modeを入力して読み込まれたか確認します。
詳細
Studio のモード
Remotion Studio は次の 4 つのモードで動作します。
- 通常の対話型 Studio：
npx remotion studioで起動します。Studio サーバーが接続され、Studio は完全に対話的に操作できます。サーバー側でのレンダリング、「Open in」アクション、codemod の実行、パッケージのインストール、その他のサーバーを利用するアクションを実行できます。 - プレビューサーバーが切断された通常の Studio：
previewServerConnectedはfalseです。Studio は実質的に読み取り専用ですが、クライアント側でのレンダリングは引き続き利用できます。 - 読み取り専用の Studio： サーバーが接続されていない、デプロイ済みの Studio です。サーバーを必要とするアクションは非表示にするか、無効にしてください。サポートされている「Open in」アクションは GitHub のみです。
- ブラウザー Studio：
remotion.newにデプロイされ、ユーザーからは見えない仮想ファイルシステム上で動作します。「Open in」アクションは利用できませんが、依存関係のインストールと codemod の実行は可能です。
Studio のアクションを追加または変更する際は、どのモードでサポートされるかを確認し、それ以外のすべてのモードでは非表示にするか、無効にしてください。
コメント
Markdown 対応