Remotion Studio

作者 remotion-dev32b241b97f4e無授權條款收錄於 2026年10月8日更新於 2026年10月8日

Preview a Remotion video

僅含說明Design & Creative
AI 產生的概覽

啟動 Remotion Studio 預覽伺服器,讓使用者在編輯影片合成時即時觀看並提供意見。

功能
此技能指示代理在影片專案可執行後立即啟動 Remotion Studio 並開啟瀏覽器預覽,並在編輯期間保持開啟。內容涵蓋是否自動開啟瀏覽器的執行方式、處理列印出的 URL,以及驗證 Studio 與合成預覽能否載入。它也說明了記錄層級、連接埠選擇與強制建立新執行個體等參數。
適用情境
適用於建立或編輯 Remotion 影片專案,並希望使用者能即時觀看預覽並提供意見的情況。也適合需要在建構合成之前就儘早啟動 Studio 的代理工作流程。
執行需求
需要 Node.js 與 npx,以及專案中可用的 Remotion 套件,還需要瀏覽器或應用程式內瀏覽器來開啟列印出的 Studio URL。若尚未安裝,需要網路存取以取得相依套件。此技能不含指令碼,僅為說明文件。

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:

bash
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:

bash
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

ArgumentPurpose
--log=<level>Set error, warn, info (default), or verbose logging.
--port=<number>Request a Studio server port; otherwise Remotion finds a free port.
--force-newStart another Studio instance even when one is already running for the same project and port.

來源與署名

來源:remotion-dev/skills位於skills/remotion-studio提交32b241b

授權條款: 無授權條款

內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。

檢舉或申請下架