remotion-to-hyperframes

An agent skill by heygen-com, from heygen-com/hyperframes. Tags: api, automation, debugging, developer-tools, video.

What it does

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.

Install

With the skills CLI, which installs into Claude Code, Codex, Cursor and other agents:

npx skills add heygen-com/hyperframes --skill remotion-to-hyperframes

Or copy the skill folder into Claude Code's skills directory by hand (~/.claude/skills for every project, or .claude/skills inside one):

git clone --depth 1 https://github.com/heygen-com/hyperframes
cp -r hyperframes/skills/remotion-to-hyperframes ~/.claude/skills/remotion-to-hyperframes

Safety box score

Not rated yet. A safety box score grades what a skill and its scripts can reach on the machine of whoever installs it, across eight categories from shell execution to secrets access. Anyone can request one from this page; it is saved for everyone. How the score works.

Source

Repository

heygen-com/hyperframes (all skills from this repository)

Path

skills/remotion-to-hyperframes/SKILL.md

Branch

main

Updated

2026-09-19

Related skills

• hyperframes-audio — Use when audio already placed in a HyperFrames composition needs to be mixed: fade-in/fade-out, crossfade, track gain or volume, volume automation, ducking.
• pr-to-video — Turn a GitHub pull request (a PR URL, owner/repo#N, or 'this PR' in a checked-out repo) into a code-change explainer video — changelog, feature reveal, fix.
• seam-craft — Render-correctness doctrine for scene-to-scene seams in HyperFrames launch videos — the prerequisites that make transitions composite correctly on the master.
• mcp-developer — Use when building, debugging, or extending MCP servers or clients that connect AI systems with external tools and data sources.
• tool-design — This skill should be used for the tool-interface layer of an agent system specifically: writing tool descriptions agents can route on.
• code-improver — Runs an autonomous review-and-fix improvement loop over any code target — a skill, plugin, module, or directory — using a reviewer the user names.