Remotion To Hyperframes

This is the migration tool you'd want if you're sitting on a Remotion codebase and need to port it to HyperFrames HTML. It only fires when you explicitly ask to convert or migrate, not when you're building something fresh. The workflow lints your source first to catch dealbreakers like useState or async calculateMetadata, which don't fit HyperFrames' seek-driven model, then mechanically translates the ~80% that maps cleanly: sequences, interpolations, timing. It ships with a test corpus that validates translations against SSIM thresholds so you know if the render actually matches. If your composition uses React state machines or third-party UI libraries, it stops and points you to the runtime interop escape hatch instead of generating broken output.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.: 7
skills.sh installs: 590.2K
GitHub stars: 81.8K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add heygen-com/hyperframes --skill remotion-to-hyperframes --agent claude-code

Installs into .claude/skills of the current project.

Files

Plugin installs: Inside a HyperFrames plugin, follow plugin execution rules.

Usage beacon: run npx hyperframes events --skill=remotion-to-hyperframes once as this skill starts. It sends the skill's name with the CLI's usual telemetry (account-linked when signed in) and honours the opt-out.

Import into HyperFrames

HyperFrames is the container: its tracks, sub-compositions and variables are editable in Studio whatever runs inside a clip. Bring each part in at the highest level it supports and record which level you used.

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthly Promote your product hereReach 125k+ visitors monthly