remotion-render
使用 React/Remotion 代码渲染视频
也可从以下获取: inference-sh-8,inference-sh-9,inference-sh-7
使用 Remotion 将 React TSX 代码转换为专业的 MP4 视频。为开发者、内容创作者和自动化工作流提供程序化视频生成服务。
下载技能 ZIP
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
开启并开始使用
测试它
正在使用“remotion-render”。 渲染带有动画文本的简单 Remotion 视频
预期结果:
技能调用 inference.sh API 并返回视频文件。用户获得包含渲染动画的可下载 MP4。
正在使用“remotion-render”。 创建从 0 到 100 的计数��动画
预期结果:
渲染过程中返回进度更新，然后交付显示动画计数器的最终 MP4。
正在使用“remotion-render”。 使用自定义属性生成视频
预期结果:
Remotion 组件接收属性并渲染带有提供的标题和副标题的个性化视频。
安全审计
安全All 43 static findings are false positives. External commands (infsh app run) are hardcoded service invocations, not arbitrary execution. Network requests go to the legitimate inference.sh rendering service. No malicious patterns detected.
风险因素
⚙️ 外部命令 (31)
质量评分
你能构建什么
开发者文档视频
通过编写 React 组件而非使用视频编辑器，自动化创建教程和文档视频
社交媒体内容
从代码模板生成动画社交媒体帖子、公告和宣传视频
数据驱动视频自动化
通过向 Remotion 组件传递动态属性，创建可视化数据、指标或分析的视频
试试这些提示
使用 remotion-render 技能渲染视频。创建一个简单的动画，居中显示文本 'Hello World'，在 3 秒内淡入，30fps，1920x1080 分辨率。
使用 remotion-render 创建一个动画进度计数器，在 5 秒内从 0 到 100%，60fps。计数器应在黑色背景中央显示，使用大号白色文本。
创建一个 remotion-render 视频，包含 3 个依次淡入的文本元素。每个文本应显示 1 秒，形成序列动画。
渲染一个 remotion-render 视频，接受标题和副标题属性。传递 title='Welcome' 和 subtitle='Created with AI' 以生成品牌开场幻灯片。
最佳实践
- 从简单动画开始，随着学习 Remotion API 逐渐增加复杂度
- 对于较长的视频使用流式传输以跟踪渲染进度
- 在渲染之前在 Remotion Studio 中测试 TSX 代码以尽早发现错误
- 开发期间保持视频时长较短以减少渲染时间
避免
- 不要在没有流式传输的情况下尝试渲染很长的视频（超过 60 秒）- 您将看不到进度
- 避免超过渲染超时限制的复杂嵌套动画
- 不要将大量数据作为属性传递 - 保持属性值简单
- 避免使用可能在渲染期间加载失败的外部图像或资源