remotion-render
使用 React/Remotion 程式碼渲染影片
也可從以下取得: inference-sh-7,inference-sh-6,inference-sh-8,inference-sh-9
將 React/Remotion TSX 元件轉換為 MP4 影片。傳入程式碼，取得影片輸出，可完全控制解析度、FPS、幀率和動畫效果。
下載技能 ZIP
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
開啟並開始使用
測試它
正在使用「remotion-render」。 Render a video with a spring animation of a white square on purple background
預期結果:
影片檔案下載至本機目錄。影片顯示一個白色圓角方塊，在紫色 (#6366f1) 背景上使用彈簧物理效果進行縮放。
正在使用「remotion-render」。 Create a welcome video with fade-in text animation
預期結果:
MP4 影片檔案已渲染，'Welcome' 文字在深藍色 (#1a1a2e) 背景上淡入 2 秒。
安全審計
安全This is a documentation skill that provides usage examples for the inference.sh video rendering service. All static findings are false positives: external_commands patterns are bash examples in documentation, network patterns are legitimate service URLs, and weak cryptographic algorithm flags are misidentified YAML/table content. No actual security risks present.
中風險問題 (2)
品質評分
你能建構什麼
產生社群媒體動態內容
使用程式碼建立品牌影片內容。非常適合自動化行銷活動。
建立資料驅動的影片簡報
產生可將 API 或資料庫資料視覺化的影片。使用屬性注入動態內容。
建立動態設計的影片原型
在最終製作前，使用 React 程式碼快速原型化影片概念和動畫。
試試這些提示
使用 remotion-render 技能渲染一個簡單的「Hello World」文字淡入動畫影片，时长 3 秒，30fps。
建立一個顯示從 0% 到 100% 的動態百分比計數器影片，时长 5 秒，使用 Remotion。60fps 渲染，解析度 1080x1080。
渲染一個包含三個依序淡入的文字元素。使用 Remotion 的 Sequence 元件。时长 4 秒，30fps。
使用自訂屬性產生影片，標題和副標題。傳入 title='Product Launch' 和 subtitle='Coming Soon' 建立宣傳公告影片。
最佳實務
- 從簡單的動畫開始，逐步增加複雜度
- 根據動畫流暢度需求使用適當的 FPS（簡單動畫 30fps，流暢動畫 60fps）
- 先以較短時長測試以驗證渲染行為，再進行較長輸出
避免
- 不要包含需要在渲染期間進行網路擷取的外部圖片或影片素材
- 避免過於複雜的元件樹可能導致渲染逾時
- 不要假設渲染環境可存取本地端檔案系統