Remotion要迁移?这款Skill先检查

将Remotion项目转为HyperFrames格式。

手里有一套 Remotion 动画,想迁到 HyperFrames,不是把 JSX 换成 HTML 就完事。remotion-to-hyperframes 这个 Skill 专门处理单向迁移:先检查 Remotion 源码,再把能对应的时间轴、场景和媒体元素翻译成 HyperFrames。

它会先找不能直接搬过去的写法。比如 `useState`、带依赖的 `useEffect` 和一些第三方 React UI 库,都会影响迁移;遇到阻断项,就应该停下来改用运行时互操作方案,而不是硬翻译。

能继续迁移时,它会按实际用到的能力去看参数、序列、时间、媒体和转场参考,把 `useCurrentFrame()` 等写法换成可定位的 GSAP 时间轴。迁移完成后还要用原 Remotion 渲染结果做 SSIM 对比,不能只看网页“好像能动”。

如果你要用它,先准备好 Remotion 源码和目标 HyperFrames 项目,并说明是否要求画面尽量一致。它只负责 Remotion 到 HyperFrames,不负责反向迁移,也不适合拿来从零制作一个新视频。

分类:设计创作

来源仓库:heygen-com/hyperframes

适合用来做什么

  • 将这个Remotion项目迁移到HyperFrames。
  • 转换现有的Remotion组件源代码到HyperFrames。

安装 remotion-to-hyperframes

npx skills add https://www.iskills.cc/skills/heygen-com/hyperframes/remotion-to-hyperframes/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 remotion-to-hyperframes 的用途与原始说明

浏览全部 Skill 指南