remotion-to-hyperframes

75 / 100 · Review before installing

Check before installing. Some of what it can do is expected: a data skill usually connects to databases or online services with your credentials.

By chmonitor/chmonitor (GitHub) · data · 304 stars · scanned at commit 0414013

Port an existing Remotion (React) composition to HyperFrames HTML. Use ONLY when the user explicitly asks to port/convert/migrate/translate a Remotion source. Do NOT use: (a) authoring a new HyperFrames composition; (b) Remotion mentioned in passing; (c) Remotion code shared as reference only; (d) "same video as my Remotion one" without explicit migrate request — treat as fresh build. Doubt → `/general-video`. One-way, Remotion-only: no reverse export (HyperFrames→Remotion or any framework), no…

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. It runs automatically when the plugin is installed.

Found in 10 places.

.agents/skills/remotion-to-hyperframes/SKILL.md, line 86cd remotion-src && npx remotion render <CompositionId> out/baseline.mp4
.agents/skills/remotion-to-hyperframes/SKILL.md, line 89cd ../hf-src && npx hyperframes render --skill=remotion-to-hyperframes --output ../hf.mp4
.agents/skills/remotion-to-hyperframes/assets/test-corpus/run.sh, line 135npx --no-install remotion render "$composition_id" out/baseline.mp4 >/dev/null 2>&1); then

Show 7 more

.agents/skills/remotion-to-hyperframes/assets/test-corpus/tier-1-title-card/README.md, line 34cd ../hf-src && npx hyperframes render --output ../hf.mp4
.agents/skills/remotion-to-hyperframes/assets/test-corpus/tier-2-multi-scene/README.md, line 43cd ../hf-src && npx hyperframes render --output ../hf.mp4
.agents/skills/remotion-to-hyperframes/assets/test-corpus/tier-3-data-driven/README.md, line 81cd ../hf-src && npx hyperframes render --output ../hf.mp4
.agents/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`
.agents/skills/remotion-to-hyperframes/references/transitions.md, line 46| `clockWipe()` | use HF's `sdf-iris` shader-transition (`npx hyperframes add sdf-iris`) |
.agents/skills/remotion-to-hyperframes/references/transitions.md, line 69npx hyperframes add sdf-iris
.mcp.json, line 4"command": "npx",

Runs commands on your computer

The author does not mention this. It runs automatically when the plugin is installed.

Found in 5 places.

.agents/skills/remotion-to-hyperframes/SKILL.md, line 86cd remotion-src && npx remotion render <CompositionId> out/baseline.mp4
.agents/skills/remotion-to-hyperframes/SKILL.md, line 115./assets/test-corpus/run.sh
.agents/skills/remotion-to-hyperframes/scripts/frame_strip.sh, line 52probe = subprocess.run(

Show 2 more

.agents/skills/remotion-to-hyperframes/scripts/frame_strip.sh, line 105subprocess.run(cmd, check=True)
.mcp.json, line 4"command": "npx",

Connects to the internet

The author does not mention this. Expected for a data skill.

Found in 6 places.

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

Show 3 more

.agents/skills/remotion-to-hyperframes/scripts/tests/fixtures/blocker.tsx, line 22fetch("/api/data")
.agents/skills/remotion-to-hyperframes/scripts/tests/fixtures/blocker.tsx, line 35useEffect(() => fetch("/api/heartbeat"), [frame]);
.agents/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/chmonitor/chmonitor' "$d" && git -C "$d" checkout --quiet '04140135acfbd2adb525c7173459b584f9f3bb86' -- '.agents/skills/remotion-to-hyperframes' && mkdir -p ~/.agents/skills && cp -R "$d"/'.agents/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 chmonitor/chmonitor shows the score of its lowest-scoring skill.

SkillTrust badge for chmonitor/chmonitor

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/chmonitor/chmonitor.svg)](https://zalavijaysinh.github.io/skilltrust/repos/chmonitor/chmonitor/)

Score history

Date	Version	Score
2026-11-14	`0414013`	75
2026-11-10	`111fbae`	75