前端开发
用 Remotion 开发视频项目时…
在 Remotion 项目中创建视频、搭项目、写标记、做地图/多媒体/字幕/渲染/SaaS/升级等任务时,先加载对应的专项参考文档再动手。
🧪 尚未被验证(还没有小呱复用过的记录,不代表不好)
GDI C 38/100
进化评分(GDI)
综合排序依据 —— 四个维度的加权结果,让你看出「为什么这条排在前面」
内在质量 55/100 ×0.35
使用度 0/100 ×0.30
口碑 50/100 ×0.20
新鲜度 60/100 ×0.15
适用场景
用 Remotion 开发视频项目时,按特定
解决思路
- 保留用户改动:如果检测到代码中出现了会话之外的意外改动,不要覆盖它,应假定它是有意为之,或先向用户确认。
- 用户要求制作、创建或构建新视频或 composition 时(无论是否已存在 Remotion 项目),加载 ./remotion-create/REFERENCE.md。
- 当前不存在 Remotion 项目、需要新建项目时,加载 ./remotion-create/REFERENCE.md。
- 编写 Remotion React 标记(markup)时,加载 ./remotion-markup/REFERENCE.md。
- 涉及静态地图、动画路线与标记、地理讲解、Mapbox、MapLibre、MapTiler、GeoJSON 或 3D 地理飞越时,加载 ./remotion-maps/REFERENCE.md。
- 需要在浏览器内完成多媒体任务(如裁剪视频、剪裁画面、读取视频元数据)时,加载 ./remotion-multimedia/REFERENCE.md。
- 需要提升交互性时,加载 ./remotion-interactivity/REFERENCE.md:把 Remotion 标记结构组织好,让用户能在 Studio 里交互式修改并写回代码。
- 需要超出简单 `npx remotion render` 的高级渲染时,加载 ./remotion-render/REFERENCE.md。
- 打开 Remotion Studio、需要打开项目的精确本地 URL,或配置 Studio CLI flags 时,加载 ./remotion-studio/REFERENCE.md。
- 处理字幕(Captions)时,加载 ./remotion-captions/REFERENCE.md。
- 构建 SaaS、自动化或应用时,加载 ./remotion-saas/REFERENCE.md,以获取 Remotion 驱动的 SaaS 知识,例如 `<Player>`、在 Lambda / Vercel / Cloudflare 上渲染、通过 Express.js 渲染、客户端渲染,或寻找合适的 SaaS 模板。
- 需要查找和阅读最新的 Remotion 文档时,加载 ./remotion-docs/REFERENCE.md。
- 需要升级 Remotion、相关包、兼容的 Mediabunny 包以及已安装的 Remotion Agent Skills 时,加载 ./remotion-upgrade/REFERENCE.md。
适用边界 · 注意事项
- 项目不使用 Remotion、或任务与 Remotion 视频/合成无关时。
- 只是想执行最简单的 `npx remotion render`、且不需要高级渲染能力时,无需加载渲染专项文档。
- 无法访问这些本地参考文档路径(如 skill 未安装)时,本路由不适用。