SuperAPI AI 工具集

remotion-best-practices

设计与创作

查看项目

更新于 10-15 08:33

技能介绍

用途

remotion-best-practices 是一个路由技能,负责在 Remotion 相关任务中判断应该加载哪一个具体技能。它本身不提供视频制作能力,而是作为入口,把用户请求映射到对应的子技能上。

主要能力(路由规则)

  • 创建视频:如果用户要求制作、创建或构建新视频或 composition,加载 Create a new Remotion video,无论是否已存在 Remotion 项目。
  • 新项目搭建:如果没有现成的 Remotion 项目,加载 Create a new Remotion project。
  • React 标记:书写 Remotion React Markup 时,加载 Remotion Markup Best Practices。
  • 地图:涉及静态地图、动画路线与标记、地理讲解、Mapbox、MapLibre、MapTiler、GeoJSON 或 3D 地理飞越时,加载 Remotion Maps。
  • 多媒体:在浏览器中完成裁剪、剪裁视频或读取元数据等任务时,加载 Remotion Multimedia。
  • 交互性:通过良好组织 Remotion 标记实现交互式修改并写回代码时,加载 Interactivity Best Practices。
  • 字幕:处理 Captions 时,加载 Remotion Captions。
  • SaaS 与自动化:涉及 Remotion 驱动的 SaaS 应用(如 <Player>、Lambda/Vercel/Cloudflare/Express.js 渲染、客户端渲染或寻找 SaaS 模板)时,加载 Remotion SaaS 技能。
  • 文档查询:查找和阅读最新 Remotion 文档时,加载 Remotion Docs。
  • 升级:升级 Remotion、相关包、兼容的 Mediabunny 包及已安装的 Remotion Agent Skills 时,加载 Remotion Upgrade。

使用方式与协作约定

  • 保留用户改动:用户可能在对话之外编辑代码。若发现意外改动,不要覆盖,应假定其为有意为之或请求确认。
  • 打开预览:如果用户要求“制作”“创建”视频等,默认不要渲染,除非用户非常明确地要求。用户通常想看到交互式预览。项目一旦可运行,就应在构建或编辑 composition 之前启动 Studio 并在浏览器中打开预览,并保持打开以便用户观看进度和引导方向。
  • Cursor 环境:运行 npx remotion studio(不加 --no-open),使其自动打开浏览器。
  • 其他带内置浏览器的 agent 客户端:可运行上述命令,或运行 npx remotion studio --no-open。该命令会启动长时间运行的进程并打印预览服务 URL;若服务已启动,则直接打印 URL。若使用 --no-open,需在内置浏览器中打开打印出的确切 URL 并确认 Studio 加载。composition 存在后,验证其视频预览是否加载。若无法在内置浏览器打开,则不加 --no-open 运行 Studio。可通过 /[composition-id] 访问特定 composition,例如 http://localhost:3000/MapAnimation。Studio 支持 WebMCP 工具。
  • 没有内置浏览器时:运行 npx remotion studio,这会在浏览器中打开 Studio,若已打开则重新聚焦。
  • 更多 Studio 选项:若要在 Remotion Studio 中启动项目、打开其确切的本地 URL 或配置 Studio CLI 标志,加载 Remotion Studio。
  • 渲染视频:仅当用户非常明确要求时(例如“Render the video”“Export”“Give me the MP4”)才渲染。预览中也有更直观的渲染界面,可考虑用它替代命令行。渲染命令为 npx remotion render。更多选项见 Rendering;超出简单 npx remotion render 的高级渲染,见 Rendering Best Practices。

适用场景

需要在 Remotion 生态中定位正确技能的场景,包括新建视频或项目、编写标记、地图与多媒体处理、交互性优化、字幕、SaaS 应用、文档查询和版本升级。

限制

该技能是路由器,具体实现能力取决于被加载的子技能。相关资料未提供收费、价格、平台支持细节或效果说明。