remotion-render
從 React Remotion 程式碼渲染影片
也可从以下获取: inference-sh-8,inference-sh-6,inference-sh-7
以程式化方式建立影片非常複雜，需要專門的渲染基礎設施。此技能透過雲端渲染將 React Remotion 元件轉換為 MP4 影片，讓開發者無需管理渲染伺服器即可從程式碼產生影片。
下载技能 ZIP
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
开启并开始使用
测试它
正在使用“remotion-render”。 具有淡入文字動畫的 Remotion 元件，3 秒持續時間，1080p
预期结果:
- 渲染作業已成功提交
- 進度：0% -> 25% -> 50% -> 75% -> 100%
- 影片 URL：https://cdn.inference.sh/outputs/abc123/video.mp4
正在使用“remotion-render”。 具有動態 props 的動畫計數器元件，顯示進度百分比
预期结果:
- 元件已使用提供的 props 編譯
- 以 60 FPS 渲染影格 1-180
- 輸出：1080x1080 MP4，H.264 編解碼器，5 秒持續時間
- 下載連結將在 7 天後過期
安全审计
低风险Static analysis detected 31 external command patterns and 8 network URLs, but all are FALSE POSITIVES. The skill uses the infsh CLI with proper allowed-tools constraints (Bash(infsh *)). External commands are intentional platform integration, not arbitrary execution. Network URLs point to legitimate service endpoints. Weak crypto finding triggered by SHA-256 documentation reference (SHA-256 is secure). Pipe-to-shell on line 17 is optional user-run CLI installation, not skill-executed code.
低风险问题 (1)
风险因素
⚙️ 外部命令 (31)
质量评分
你能构建什么
自動化影片內容生成
行銷團隊可以透過將客戶資料作為 props 傳遞給 Remotion 範本，大規模產生個人化影片內容，為每位收件人建立自訂影片，無需手動編輯。
資料視覺化影片
開發者可以將動態圖表、表格和資料動畫轉換為可分享的影片格式，用於簡報、社群媒體或文件目的。
動畫 UI 原型
設計團隊可以將互動式 React 動畫匯出為影片檔案，用於利害關係人審查、設計文件或交接材料，無需螢幕錄製。
试试这些提示
建立一個簡單的 Remotion 元件，在 3 秒內以 1080p 解析度淡入歡迎訊息。使用 remotion-render 技能生成影片。
生成一個影片，顯示百分比計數器在 5 秒內從 0 動畫到 100。在計數器下方包含載入指示器。使用 Remotion 的 useCurrentFrame 和 useVideoConfig hooks。
建立一個具有三個連續標題卡的 Remotion 元件，這些標題卡依次淡入。每張卡片應顯示 2 秒後再轉換。使用 Sequence 元件和 spring 動畫實現流暢的動態效果。
建立一個 Remotion 範本，接受使用者資料 props，包括姓名、公司和成就。生成個人化獎狀動畫。然後透過為每位收件人傳遞不同的 prop 值來渲染多個影片。
最佳实践
- 保持 Remotion 元件純粹且無副作用，以確保在不同環境中可靠渲染
- 使用 Remotion 的 interpolate 和 spring 函數實現流暢專業的動畫，而非手動影格計算
- 在提交至雲端渲染前，先使用 Remotion 預覽在本機測試元件，以提早捕捉錯誤
避免
- 避免在 Remotion 元件中進行 API 呼叫或網路請求，因為渲染在隔離的雲端環境中執行
- 不要使用僅限瀏覽器的 API，如 localStorage 或 window 物件，因為 Remotion 在 Node.js 環境中渲染
- 避免過長的影片持續時間或極高的解析度，這可能導致超時或超出平台限制