Communitygithub.com

jeffersonmendo/remotion-tryslides

Remotion 所有技能的路由器

remotion-tryslides 是什么?

该技能充当 Remotion 相关任务的中央路由器,根据用户请求自动加载对应的子技能参考文档。它覆盖了从创建新 Remotion 视频、项目设置、React 标记最佳实践、地图集成(支持 Mapbox/MapLibre/MapTiler/GeoJSON 和 3D 地理飞行)、多媒体处理(修剪、裁剪、获取元数据)、交互性改进、字幕处理、SaaS 和自动化应用构建,到渲染和升级等全方面场景。该技能明确建议优先使用 Studio 交互式预览而非直接渲染,并提供针对 Cursor 和具备应用内浏览器代理客户端的启动命令指导。对于 API 查找,它会加载 Remotion 文档参考;对于 SaaS 和高级渲染,它会加载对应的子技能文档,确保开发者始终获得最新、最相关的指导。

兼容平台~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/jeffersonmendo/remotion-tryslides/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 代理技能,请加载 Remotion 升级。

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

相关技能