技能 remotion-render
🎬

remotion-render

安全 ⚙️ 外部命令🌐 網路存取

使用 React/Remotion 代碼渲染影片

也可從以下取得: inference-sh-7

使用 Remotion 將 React TSX 代碼轉換為專業 MP4 影片。為開發者、內容創作者和自動化工作流程提供程式化影片生成服務。

支援: Claude Codex Code(CC)
🥉 74 青銅
1

下載技能 ZIP

2

在 Claude 中上傳

前往 設定 → 功能 → 技能 → 上傳技能

3

開啟並開始使用

測試它

正在使用「remotion-render」。 渲染一個帶有動態文字的簡單 Remotion 影片

預期結果:

技能呼叫 inference.sh API 並傳回影片檔案。使用者會收到一個帶有渲染動畫的可下載 MP4。

正在使用「remotion-render」。 建立一個從 0 到 100 的計數器動畫

預期結果:

渲染期間進度更新會串流回傳，然後交付最終 MP4，顯示動態計數器。

正在使用「remotion-render」。 使用自訂屬性生成影片

預期結果:

Remotion 元件接收屬性並渲染一個帶有提供的標題和副標題的個人化影片。

品質評分

38
架構
100
可維護性
87
內容
50
社群
100
安全
91
規範符合性

你能建構什麼

開發者文檔影片

透過編寫 React 元件而非使用影片編輯器來自動建立教學和文檔影片

社群媒體內容

從代碼範本生成動態社群媒體貼文、公告和宣傳影片

資料驅動影片自動化

透過傳遞動態屬性給 Remotion 元件來建立可視化資料、指標或分析的影片

試試這些提示

基本影片渲染 
使用 remotion-render 技能渲染一個影片。建立一個簡單的動畫，中心文字「Hello World」在 30fps、1920x1080 解析度下於 3 秒內淡入。
動態計數器 
使用 remotion-render 建立一個從 0 到 100% 的動態進度計數器，持續 5 秒，60fps。計數器應顯示在黑色背景中心，使用大型白色文字。
多序列動畫 
建立一個 remotion-render 影片，包含 3 個依序淡入的文字元素。每個文字出現 1 秒，創建序列動畫。
屬性驅動的自訂影片 
渲染一個接受 title 和 subtitle 屬性的 remotion-render 影片。傳入 title='Welcome' 和 subtitle='Created with AI' 來生成品牌化的開頭畫面。

最佳實務

  • 從簡單的動畫開始，逐漸增加複雜度以學習 Remotion API
  • 對較長的影片使用串流功能來追蹤渲染進度
  • 在渲染前在 Remotion Studio 中測試您的 TSX 代碼以及早發現錯誤
  • 開發期間保持影片持續時間較短以減少渲染時間

避免

  • 不要嘗試渲染很長的影片（超過 60 秒）而不使用串流功能 - 您將看不到進度
  • 避免使用超過渲染逾時限制的複雜嵌套動畫
  • 不要傳遞大量資料作為屬性 - 保持屬性值簡單
  • 避免使用可能在渲染期間載入失敗的外部圖片或資源

常見問題

使用此技能需要安裝任何東西嗎？
您需要安裝 inference.sh CLI。技能文件包含使用 curl 和 SHA-256 驗證的安裝說明。
可以使用我自己的 Remotion 元件嗎？
是的，您可以編寫任何有效的 Remotion TSX 代碼。技能支援從 remotion 和 react 套件匯入。
影片渲染需要多长时间？
渲染時間取決於影片複雜度、持續時間和解析度。簡單的 3 秒影片只需數秒渲染，而複雜的較長影片需要更長時間。
可以渲染帶有音訊的影片嗎？
是的，Remotion Audio 元件可用。您可以在 TSX 代碼中包含音訊檔案。
支援哪些影片格式？
預設輸出為 MP4。您可以透過輸入中的 codec 參數設定編解碼器。
影片大小有限制嗎？
影片大小限制取決於您的 inference.sh 帳戶等級。請查看您的帳戶限制以了解最大持續時間和解析度。

開發者詳情

授權

MIT

儲存庫

https://github.com/inference-sh-6/skills/tree/main/skills/remotion-render/

引用

main

檔案結構

📄 SKILL.md