hyperframes-to-remotion
Installation
SKILL.md
HyperFrames to Remotion Migration Workflow
Migrate legacy or existing HyperFrames HTML compositions to pure React Remotion code.
Mapping Table
| HyperFrames Concept | Remotion Equivalent |
|---|---|
GSAP Timeline .to() / .from() |
useCurrentFrame() + spring() / interpolate() |
<div class="clip" data-start data-end> |
<Sequence from={start} durationInFrames={duration}> |
<video> element |
<OffthreadVideo src={staticFile('...')} /> |
<audio> element |
<Audio src={staticFile('...')} /> |
npx hyperframes render |
npx remotion render src/index.ts MyComp out/video.mp4 |