使用 Claude Code 製作影片
透過 Claude Code AI 助手提示生成 Remotion 影片，快速入門指南
使用 Claude Code 製作影片
只需透過提示，您就可以使用 Claude Code 生成影片。這是開始使用 Remotion 最簡單的方式之一！
前置需求
您需要先安裝以下工具：
- Claude Code（需要付費訂閱）
- Node.js
開始新專案
使用以下指令建立新專案：
npx create-video@latest建立專案時，我們建議以下設定：
- 選擇 Blank 模板
- 選擇使用 TailwindCSS
- 選擇安裝 Skills
進入專案目錄
進入建立的目錄。如果您將專案命名為 my-video，請執行：
cd my-video啟動開發伺服器
使用以下指令啟動專案：
npm run dev啟動 Claude Code
開啟一個獨立的終端機視窗並啟動 Claude：
claude現在您可以開始提示影片了！
提示範例
以下是一些可以嘗試的提示範例：
- 「製作一個帶有淡入文字的介紹影片，背景為漸層藍色」
- 「建立一個展示三個產品特色的動畫，每個特色之間有平滑過渡」
- 「製作一個 30 秒的計數器動畫，從 0 到 100」
- 「設計一個帶有彈跳效果的標誌展示動畫」
Agent Skills 整合
安裝 Skills 後，Claude Code 能更好地理解 Remotion 的最佳實踐。Skills 包含：
- Remotion API 使用規範
- 動畫模式最佳實踐
- 效能最佳化建議
- 常見錯誤的避免方式
了解更多關於 Remotion Agent Skills 的資訊。
工作流程說明
Claude Code 在您的專案中運行時，能夠：
- 讀取和修改您的 Remotion 元件
- 建立新的動畫序列
- 調整時序和過渡效果
- 新增文字、圖片和媒體元素
- 最佳化渲染效能
注意事項
- Claude Code 需要付費訂閱才能使用
- 確保 Remotion Studio 在 Claude Code 運行時保持開啟，以便即時預覽
- 提示越具體，生成的結果越準確
- 建議先從簡單的動畫開始，再逐步增加複雜度