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 最佳實踐