將 React 和 Remotion TSX 程式碼程式化轉換為 MP4 影片。適合想要透過程式碼產生動畫、動態圖形和數據驅動影片的開發者。
下載技能 ZIP
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
開啟並開始使用
測試它
正在使用「remotion-render」。 Render a video with animated counter from 0-100
預期結果:
The skill returns a video file URL from inference.sh. Example output: { 'output': { 'video': 'https://cdn.inference.sh/...' }, 'progress': 100 }
正在使用「remotion-render」。 Create fade-in welcome text video
預期結果:
Progress updates stream during rendering. Final output includes video URL, format details, and duration.
正在使用「remotion-render」。 Generate spring animation with custom props
預期結果:
Streaming response shows progress percentage. Completed render returns video metadata and download URL.
安全審計
低風險All 43 static findings are false positives. The skill is a legitimate video rendering tool using the inference.sh service. External commands are documented CLI invocations (infsh), network calls are to required external APIs, and no cryptographic or malicious patterns exist.
中風險問題 (1)
風險因素
🌐 網路存取 (1)
⚙️ 外部命令 (1)
品質評分
你能建構什麼
產生動畫解說影片
透過將動態 props 傳遞給 React 元件來建立數據驅動的動畫影片。非常適合自動化內容創作。
使用程式碼建立動態圖形
使用 React 和 Remotion API 設計動畫。運用彈簧物理、插值和序列來建立專業的動態圖形。
程式化影片產生
從數據程式化產生影片。將動態數據傳入 React 元件，大規模建立個人化影片內容。
試試這些提示
Create a 3-second video with fade-in text using Remotion. Use AbsoluteFill for the container, interpolate for opacity animation, white text on dark background, 1920x1080 resolution at 30fps. Render it using the remotion-render skill.
Create an animated counter from 0 to 100 that displays progress. Use the remotion-render skill with props for title and subtitle. Render at 60fps for smooth animation, 1080x1080 square format.
Create a multi-scene video with three sequential text elements. Use Remotion Sequence component to time each appearance. Render a 4-second video at 1920x1080, 30fps using remotion-render skill.
Create a video with a spring-animated element using Remotion spring API. Include damping and stiffness configuration. Render with custom resolution and FPS settings using the remotion-render skill.
最佳實務
- 從簡單的組合開始，隨著驗證輸出逐漸增加複雜度
- 在開發期間使用較低的 FPS 和較短的時長以加快迭代速度
- 務必明確指定寬度、高度和 FPS，避免產生意外的輸出尺寸
- 使用 props 讓元件可在不同的影片輸出中重複使用
避免
- 不要假設本機渲染 - 所有影片處理都在 inference.sh 伺服器上進行
- 避免在未先測試較短版本的情況下製作極長的影片
- 不要跳過認證設定 - 渲染前需要執行 infsh login
- 避免在未個別測試每個元件的情況下使用複雜的巢狀動畫