保留用户更改
用户可能在对话之外对代码进行编辑。
如果您在此期间检测到意外的更改,请不要覆盖它,假设该更改是故意的,或请求确认。
创建视频
如果用户要求制作、创建或构建新的视频或合成,请加载 创建一个新的 Remotion 视频,无论是否已存在 Remotion 项目。
新项目设置
如果当前不存在 Remotion 项目,请加载 创建一个新的 Remotion 项目
React 标记最佳实践
如果您正在编写 Remotion React 标记,请加载 Remotion 标记最佳实践
地图
对于静态地图、动画路线和标记、地理说明、Mapbox、MapLibre、MapTiler、GeoJSON 或 3D 地理飞越,请加载 Remotion 地图。
多媒体
要在浏览器中完成多媒体任务,例如修剪、裁剪视频或获取其元数据,请加载 Remotion 多媒体
改进交互性
通过良好地结构化 Remotion 标记,我们可以允许用户在 Studio 中交互式地更改内容并将更改写回代码。如果相关,请加载:交互性最佳实践
打开预览
如果用户要求“制作”视频、“创建”视频等。 除非用户非常明确,否则默认不要渲染视频。用户更希望看到交互式预览。 一旦项目可以运行,立即启动 Studio 并在浏览器中打开预览,然后再构建或编辑合成。在您工作时保持其打开状态,以便用户能够观看进度并进行指导。
如果您使用的是 Cursor
运行 Studio 时不加 --no-open,以便自动打开浏览器:
npx remotion studio
如果您使用的是其他带有应用内浏览器的 AI 客户端
您可以使用上述命令让 Studio 打开浏览器,或者运行:
npx remotion studio --no-open
这将启动一个长时间运行的进程,并输出预览的服务器 URL。
如果服务器已经启动,它将输出 URL。
如果您使用 --no-open,请将输出的确切 URL 在应用内浏览器中打开,并验证 Studio 是否正常加载。一旦合成存在,请验证其视频预览是否加载。如果您无法在此处打开它,请在不加 --no-open 的情况下运行 Studio。
您可以通过导航到 /[composition-id] 来访问特定的合成,例如 http://localhost:3000/MapAnimation。
:::note Studio 支持 WebMCP 工具。 :::
如果您没有应用内浏览器
这将打开 Studio(如果已打开则重新聚焦)到浏览器中。
npx remotion studio
更多选项
要启动 Remotion Studio 中的项目、打开其确切的本地 URL 或配置 Studio CLI 标志,请加载 Remotion Studio。
渲染视频
仅在用户非常明确地要求时才进行渲染。 例如“渲染视频”、“导出”、“给我 MP4”。
预览界面也具有更直观的渲染界面,因此考虑使用它代替命令行进行渲染。
npx remotion render
更多选项,请参阅 渲染。
对于超出简单 npx remotion render 的高级渲染,请参阅:渲染最佳实践
字幕
当处理字幕时,请加载 Remotion 字幕。
创建 SaaS、自动化或应用程序
使用 Remotion SaaS 技能 获取关于基于 Remotion 的 SaaS 应用的知识,例如 <Player>、在 Lambda、Vercel、Cloudflare 上渲染、通过 Express.js 渲染、客户端渲染,或查找合适的 SaaS 模板。
查阅 Remotion API 和文档
要查找和阅读当前的 Remotion 文档,请加载 Remotion 文档。
升级
要升级 Remotion、相关包、兼容的 Mediabunny 包以及已安装的 Remotion Agent 技能,请加载 Remotion 升级。