remotion-to-hyperframes

82 / 100 · Low risk

Fine to try. Some of what it can do is expected: a media skill usually calls an AI service over the internet.

By heygen-com/hyperframes (GitHub) · media · 82,066 stars · scanned at commit b28bd2b

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.

Works with any agent that supports SKILL.md skills.

What this skill can do

Downloads and installs other software

The author does not mention this.

Found in 15 places.

skills/remotion-to-hyperframes/SKILL.md, line 8**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 telemet
skills/remotion-to-hyperframes/SKILL.md, line 274. Compare frame by frame: `npx hyperframes diff <original.mp4> . --at <t,…>` scores your project against the original at those times without rendering; sample
skills/remotion-to-hyperframes/SKILL.md, line 41Before hand-building a named visual the source used, search `npx hyperframes catalog --query "<the visual, in English>" --json`: it ranks the whole registry wit

Show 12 more

skills/remotion-to-hyperframes/assets/test-corpus/run.sh, line 133npx --no-install remotion render "$composition_id" out/baseline.mp4 >/dev/null 2>&1); then
skills/remotion-to-hyperframes/assets/test-corpus/tier-1-title-card/README.md, line 34cd ../hf-src && npx hyperframes render --output ../hf.mp4
skills/remotion-to-hyperframes/assets/test-corpus/tier-1-title-card/README.md, line 37npx hyperframes diff ../remotion-src/out/baseline.mp4 ../hf.mp4 --out ../diff
skills/remotion-to-hyperframes/assets/test-corpus/tier-2-multi-scene/README.md, line 43cd ../hf-src && npx hyperframes render --output ../hf.mp4
skills/remotion-to-hyperframes/assets/test-corpus/tier-2-multi-scene/README.md, line 46npx hyperframes diff ../remotion-src/out/baseline.mp4 ../hf.mp4 --out ../diff
skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/README.md, line 82cd ../hf-src && npx hyperframes render --output ../hf.mp4
skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/README.md, line 85npx hyperframes diff ../remotion-src/out/baseline.mp4 ../hf.mp4 --out ../diff
skills/remotion-to-hyperframes/references/escape-hatch.md, line 52> 1. Bundle `entry.tsx` with esbuild: `npx esbuild entry.tsx --bundle --outfile=dist/bundle.js --format=iife --jsx=automatic`
skills/remotion-to-hyperframes/references/eval.md, line 12| `npx hyperframes diff A B` | original MP4, HF MP4 | per-frame SSIM, worst cell per frame, cuts, `worst.jpg` sheet; exit 1 on fail |
skills/remotion-to-hyperframes/references/eval.md, line 39Before rendering, `npx hyperframes diff <baseline.mp4> hf-src --at 0.5,2,4.1`
skills/remotion-to-hyperframes/references/transitions.md, line 46| `clockWipe()` | use HF's `sdf-iris` shader-transition (`npx hyperframes add sdf-iris`) |
skills/remotion-to-hyperframes/references/transitions.md, line 69npx hyperframes add sdf-iris

Connects to the internet

This is disclosed by the author in the skill's SKILL.md or README. Expected for a media skill.

Found in 6 places.

skills/remotion-to-hyperframes/assets/test-corpus/tier-4-escape-hatch/cases/03-async-metadata.tsx, line 31const response = await fetch(
skills/remotion-to-hyperframes/assets/test-corpus/tier-4-escape-hatch/cases/08-mixed.tsx, line 25fetch("/api/items")
skills/remotion-to-hyperframes/references/parameters.md, line 50const res = await fetch(...);

Show 3 more

skills/remotion-to-hyperframes/scripts/tests/fixtures/blocker.tsx, line 22fetch("/api/data")
skills/remotion-to-hyperframes/scripts/tests/fixtures/blocker.tsx, line 35useEffect(() => fetch("/api/heartbeat"), [frame]);
skills/remotion-to-hyperframes/scripts/tests/fixtures/blocker.tsx, line 47const res = await fetch("/api/duration");

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'remotion-to-hyperframes' ] || [ -L ~/.agents/skills/'remotion-to-hyperframes' ]; then echo 'A skill folder named remotion-to-hyperframes already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/heygen-com/hyperframes' "$d" && git -C "$d" checkout --quiet 'b28bd2b3482a6bcb04d0d0ba0eaee74fbb965455' -- 'skills/remotion-to-hyperframes' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/remotion-to-hyperframes' ~/.agents/skills/'remotion-to-hyperframes' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'remotion-to-hyperframes' ~/.claude/skills/'remotion-to-hyperframes' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for heygen-com/hyperframes shows the score of its lowest-scoring skill.

SkillTrust badge for heygen-com/hyperframes

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/heygen-com/hyperframes.svg)](https://zalavijaysinh.github.io/skilltrust/repos/heygen-com/hyperframes/)

Score history

Date	Version	Score
2026-11-10	`b28bd2b`	82
2026-11-08	`0f5914d`	82
2026-11-06	`cfa0d0c`	82