All skills
heygen-com avatar

/remotion-to-hyperframes

@ff6e210
by HeyGenheygen-com/hyperframes55k stars
4,998

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.

Use this Skill: https://skilld.dev/gh/heygen-com/hyperframes/remotion-to-hyperframes

This session only. Nothing lands on disk.

assetstest-corpustier-4-escape-hatchREADME.md

≈707 tokens on demand. Your agent reads this file only when SKILL.md points to it.

Tier 4 — escape-hatch

What it tests

T4 is the lint-only tier. There are no renders to diff — the skill is graded on whether it correctly refuses to translate each case (and recommends the runtime interop pattern from PR #214 instead) or, where appropriate, translates after dropping warning-level decorations.

Each cases/*.tsx file is a minimal Remotion composition that demonstrates one specific pattern. The skill should:

  1. Run scripts/lint_source.py over the source.
  2. Compare the JSON output to expected.json for that case.
  3. Take the documented skill_action:
    • refuse_translation_recommend_interop — print the rationale + link to the PR #214 interop guide; do not produce HF output.
    • drop_lambda_code_translate_remainder_if_clean — drop the @remotion/lambda code with a note; translate the rest only if no other blockers are present.
    • translate_after_dropping_wrappers — translate normally; drop useCallback / useMemo / delayRender wrappers.
    • inline_hook_body_if_pure — inline the custom hook's body if it's a pure derivation of useCurrentFrame; otherwise bow out.

Cases

# File Expected finding Notes
01 01-use-state.tsx blocker r2hf/use-state useState driving animation
02 02-use-effect-deps.tsx blocker r2hf/use-effect-deps useEffect/useLayoutEffect with non-empty deps
03 03-async-metadata.tsx blocker r2hf/async-metadata calculateMetadata returns a Promise
04 04-third-party-react.tsx blocker r2hf/third-party-react-ui imports @mui/material
05 05-lambda-config.tsx warning r2hf/lambda-import imports @remotion/lambda — drops, translates
06 06-warnings-only.tsx warnings only delayRender / useCallback / useMemo
07 07-custom-hook.tsx warning r2hf/custom-hook locally-defined useFadeIn (export const form)
08 08-mixed.tsx 3 blockers + 1 warning aggregate-findings test

Validation

./validate.sh

The script runs lint_source.py against each case and asserts:

  • Each expected blocker rule fires with severity blocker.
  • Each expected warning rule fires with severity warning (or stronger).
  • lint_source.py's exit code is 1 when blockers are expected, 0 otherwise.

T4 passes when every case matches its expected output. No renders involved.

Source: SKILL.md on GitHub

1 warning3d3 checks · Risk SAFE
  • Gen Agent Trust Hub3d

    The skill is a specialized tool for migrating Remotion video compositions to HyperFrames HTML. It includes a security-conscious linter that identifies and blocks non-deterministic or side-effect-heavy React patterns (like useState or side-effects in useEffect) from being translated. It uses standard industry tools (ffmpeg, npm) and official vendor resources from trusted and well-known services.

  • Socket3d

    No alerts

  • Snyk3d

    Risk: MEDIUM · 1 issue

Signed by skilld at ff6e210. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 18 hours ago.

Activeupdated 4 days ago

README badge

README badge for heygen-com/hyperframes/remotion-to-hyperframes