remotion-create

remotion-create

熱門

建立新的 Remotion 影片

4002星標
458分支
更新於 2026/7/18
SKILL.md
唯讀
名稱
remotion-create
描述

建立新的 Remotion 影片

這些是建立新的 Remotion 專案與 composition 的說明。
如果這不是下一個任務,請參閱 Remotion 最佳實踐

建立專案

如果專案已存在,請跳過此步驟。
請確保已安裝 Node.js 和 Git,且當前資料夾適合建立新專案。

使用以下指令建立專案:

npx create-video@latest --yes --blank --no-tailwind my-video
cd my-video
npm i

將 my-video 替換為合適的專案名稱。

設計影片

保留專案結構並加入 React 標記。請遵循 Remotion React 標記最佳實踐 和 影片佈局規則 以獲得影片優先的佈局和文字大小指導。

互動性最佳實踐

透過遵循 Remotion 互動性最佳實踐 來建構 React 標記,讓使用者可以在 Studio 中進行編輯並將修改寫回程式碼。

TailwindCSS

如果需要使用 Tailwind,請參閱 tailwind.md 了解如何在 Remotion 中使用 TailwindCSS。

啟動預覽

npx remotion studio --no-open

這將啟動一個長時間執行的程序,並列印預覽的伺服器 URL。

後續步驟

影片建立流程已完成。
對於後續提示,請使用 Remotion 最佳實踐