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 编译
- 正在渲染帧 1-180，60 FPS
- 输出：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，包括 name、company 和 achievement。生成个性化奖 certificates 动画。然后通过为每个收件人传递不同的 prop 值来渲染多个视频。
最佳实践
- 保持 Remotion 组件纯净且无副作用，以便在不同环境中可靠渲染
- 使用 Remotion 的 interpolate 和 spring 函数实现流畅、专业的动画，而不是手动帧计算
- 在提交到云渲染之前，先使用 Remotion preview 在本地测试组件，以便尽早发现错误
避免
- 避免在 Remotion 组件中进行 API 调用或网络请求，因为渲染发生在隔离的云环境中
- 不要使用仅限浏览器的 API，如 localStorage 或 window 对象，因为 Remotion 在 Node.js 上下文中渲染
- 避免过长的视频持续时间或极高分辨率，这可能导致超时或超出平台限制