Communitygithub.com

valehgulmetov/我的Remotion视频

所有Remotion技能的路由器

我的Remotion视频 是什么?

该技能作为Remotion相关任务的中心路由器,指导AI代理在视频制作、项目设置、React标记、地图、多媒体、交互性、渲染、字幕、SaaS开发以及文档查阅等场景中正确加载对应的子技能参考文档。它支持在Cursor和其他代理客户端中使用Remotion Studio进行交互式预览,并提供了详细的命令示例,如`npx remotion studio`和`npx remotion render`,以优化开发工作流。此外,该技能还强调了保留用户修改、仅在用户明确要求时渲染视频等最佳实践,确保协作效率和项目稳定性。适用于所有基于Remotion的视频创作与自动化项目。

兼容平台~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/valehgulmetov/my-remotion-video/tree/HEAD/.agents/skills/remotion-best-practices

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

保留用户修改

用户可能会在对话之外的代码中进行编辑。

如果你在过程中发现了意外的更改,不要覆盖它,假设它是故意的,或者请求确认。

创建视频

如果用户要求制作、创建或构建新视频或合成,加载创建新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

如果你在使用带有应用内浏览器的其他代理客户端

你可以使用上述命令让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升级。

相关技能