remotion-to-hyperframes
Port an existing Remotion (React) composition's source to HyperFrames HTML. Use ONLY on an explicit ask to port/convert/migrate/translate a Remotion source — one-way, Remotion-only. A passing Remotion mention, reference-only code, or "make something like my Remotion video" is a fresh build (/general-video). Unclear → /hyperframes.
- installs 8w
- 97,224
- 30-day movement
- starts with the next reading
- Related entries
- 2
- Connections
- 0
This skill guides an AI agent through porting an existing Remotion (React) video composition's source into a HyperFrames (HTML + GSAP) composition, one way and Remotion-only. It provides a lint script, an API mapping, per-topic references (timing, sequencing, transitions, fonts, media, Lottie), and an eval harness to validate the output.
Use it when you explicitly need to migrate a Remotion composition to HyperFrames rather than rebuild it from scratch.
Use it to
- Lint a Remotion source for untranslatable patterns
- Map Remotion APIs to HyperFrames equivalents using the api-map reference
- Generate an index.html HyperFrames composition from Remotion source
- Validate the translation with the eval harness
- Document translation gaps in a TRANSLATION_NOTES.md
For Devs migrating existing Remotion projects to HyperFrames
- Host repository
- heygen-com/hyperframes
- Installs, lifetime
- 290k
- Installs, 8 weeks
- 97k
- Host stars
- 51k
- Host language
- TypeScript