# remotion-to-hyperframes

> Claude/Codex skill by [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 75k stars · Updated 2026-10-28

Bring existing video code or footage into HyperFrames and verify it frame by frame against the original - Remotion first, also Motion Canvas, Lottie, Three.js, p5.js, canvas or plain HTML/CSS animation, or renders from Manim, After Effects or Blender. Use to port, convert, migrate or reuse work made with another tool.

Tags: ai, ai-agents, animation, claude-code, ffmpeg, framework, gsap, html, html-to-video, mcp, motion-graphics, puppeteer, rendering, typescript, video-editor

## Install

```sh
git clone https://github.com/heygen-com/hyperframes /tmp/hyperframes && ln -s /tmp/hyperframes/skills/remotion-to-hyperframes ~/.claude/skills/remotion-to-hyperframes
```

## From README

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.

## Links

- HTML page: https://omgskills.com/library/heygen-com/hyperframes/website-to-hyperframes/
- GitHub: https://github.com/heygen-com/hyperframes
- Author: [@heygen-com](https://omgskills.com/library/heygen-com/index.md)

## More from this repo

- [reverse-any-video](https://omgskills.com/library/heygen-com/hyperframes/reverse-any-video/index.md) — Rebuild any video file as an editable HyperFrames project - motion graphics, talking heads, live action or AI-generated...
   - [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 84k stars
- [style-sampling](https://omgskills.com/library/heygen-com/hyperframes/style-sampling/index.md) — Make a new episode in a proven video style - Collage Explainer, Finance Explainer, Animated Science Explainer, 3D Brand...
   - [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 82k stars
- [captions-overlay](https://omgskills.com/library/heygen-com/hyperframes/dot-agents/skills/captions-overlay/index.md) — Overlay doctrine for captions in HyperFrames videos — the caption MODEL (drop / rail / embed) and the rule that...
   - [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 82k stars