Skills remotion-to-hyperframes
๐Ÿ“ฆ

remotion-to-hyperframes

Content revision r2 High Risk โš™๏ธ External commands๐Ÿ“ Filesystem access๐ŸŒ Network access๐Ÿ”‘ Env variablesโšก Contains scripts

Convert Remotion Projects to HyperFrames

Moving a supported Remotion composition to HyperFrames requires mapping React timing and scene logic to HTML and GSAP. This skill guides the migration, identifies unsupported patterns, and validates visual fidelity.

Supports: Claude Codex Code(CC)
โš ๏ธ 38 Poor

Install with my Agent

Copy this request to your Agent. It includes the canonical Skill page and manifest.

Agent request
Review the Skillstore skill "remotion-to-hyperframes" from https://skillstore.io/skills/heygen-com-remotion-to-hyperframes.md and its manifest at https://skillstore.io/api/skills/heygen-com-remotion-to-hyperframes/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.

Your Agent should still show its plan and request any confirmation required by the security policy.

Test it

Using "remotion-to-hyperframes". Convert a supported two-scene Remotion composition with an image, audio, and spring animation.

Expected outcome:

  • Compatibility result: supported APIs and any warnings.
  • Migration plan: scene timing, media mapping, and GSAP timeline structure.
  • Validation checklist: render both versions and compare SSIM.

Using "remotion-to-hyperframes". Review a composition that uses useState and useEffect.

Expected outcome:

Migration blocked: state-driven behavior is not a deterministic HyperFrames target. The output recommends the runtime interop approach instead.

Security Audit

High Risk
v7 โ€ข 7/19/2026 Open versioned report

Most static alerts are false positives from Markdown backticks, JavaScript template literals, fixed repository-relative paths, and validation tooling. However, SKILL.md instructs agents to silently run an npx-based skill update before use, which can retrieve and replace content without user consent.

70
Files scanned
4,671
Lines analyzed
0
Review items
0
False positives ignored

Confirmed security concerns (1)

High
Unconsented remote skill update instruction
The skill directs the agent to run a silent npx update command before use. This can retrieve and replace skill content from an external package source without user confirmation.
The instruction explicitly says to run an npx update silently and without asking. Updating executable skill content before an authorized task creates a supply-chain and consent risk.

Risk Factors

โš™๏ธ External commands (50)
assets/test-corpus/run.sh:17 assets/test-corpus/run.sh:45 assets/test-corpus/run.sh:209 assets/test-corpus/run.sh:27 assets/test-corpus/run.sh:28 assets/test-corpus/run.sh:29 assets/test-corpus/run.sh:40 assets/test-corpus/run.sh:103 assets/test-corpus/run.sh:113 assets/test-corpus/run.sh:114 assets/test-corpus/run.sh:154 assets/test-corpus/run.sh:159 assets/test-corpus/run.sh:172 assets/test-corpus/run.sh:17-45 assets/test-corpus/run.sh:45-209 assets/test-corpus/tier-2-multi-scene/remotion-src/src/MultiScene.tsx:31 assets/test-corpus/tier-2-multi-scene/remotion-src/src/MultiScene.tsx:59 assets/test-corpus/tier-2-multi-scene/setup.sh:12 assets/test-corpus/tier-3-data-driven/remotion-src/src/components/AnimatedNumber.tsx:10 assets/test-corpus/tier-3-data-driven/remotion-src/src/components/StatCard.tsx:33 assets/test-corpus/tier-3-data-driven/remotion-src/src/components/StatCard.tsx:39 assets/test-corpus/tier-3-data-driven/remotion-src/src/components/UnderlinedText.tsx:40 assets/test-corpus/tier-3-data-driven/remotion-src/src/scenes/TitleScene.tsx:37 assets/test-corpus/tier-4-escape-hatch/cases/01-use-state.tsx:25 assets/test-corpus/tier-4-escape-hatch/cases/03-async-metadata.tsx:32 assets/test-corpus/tier-4-escape-hatch/validate.sh:14 assets/test-corpus/tier-4-escape-hatch/validate.sh:15 references/limitations.md:67-69 references/limitations.md:123-124 references/limitations.md:124-125 references/limitations.md:125-127 references/limitations.md:127-133 scripts/frame_strip.sh:52 scripts/frame_strip.sh:105 scripts/frame_strip.sh:12 scripts/frame_strip.sh:36 scripts/frame_strip.sh:50 scripts/lint_source.py:80 scripts/lint_source.py:81 scripts/lint_source.py:103 scripts/lint_source.py:126 scripts/lint_source.py:136 scripts/lint_source.py:222 scripts/lint_source.py:235 scripts/lint_source.py:237 scripts/lint_source.py:241-260 scripts/tests/fixtures/blocker.tsx:5 scripts/tests/fixtures/blocker.tsx:6 scripts/tests/fixtures/blocker.tsx:19 scripts/tests/fixtures/blocker.tsx:32
๐Ÿ“ Filesystem access (39)
๐ŸŒ Network access (22)
๐Ÿ”‘ Env variables (3)
โšก Contains scripts (2)
Audited by: claude View Audit History โ†’
Share & cite this report

Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.

Open versioned report
Security Assessment

Copy report link

https://skillstore.io/skills/heygen-com-remotion-to-hyperframes/audits/7?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown badge

[![Skillstore security assessment](https://skillstore.io/badges/skills/heygen-com-remotion-to-hyperframes/security.svg)](https://skillstore.io/skills/heygen-com-remotion-to-hyperframes?utm_source=security_passport_badge)

HTML badge

<a href="https://skillstore.io/skills/heygen-com-remotion-to-hyperframes?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/heygen-com-remotion-to-hyperframes/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Embed card

<iframe src="https://skillstore.io/embed/skills/heygen-com-remotion-to-hyperframes.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>
Academic citations (APA ยท BibTeX ยท CFF)

APA citation

heygen-com. (2026). remotion-to-hyperframes security audit report (audit version 7) [Author version unspecified]. Skillstore. https://skillstore.io/skills/heygen-com-remotion-to-hyperframes/audits/7

BibTeX citation

@techreport{heygen-com-heygen-com-remotion-to-hyperframes-2026, author = {heygen-com}, title = {remotion-to-hyperframes security audit report (audit version 7)}, institution = {Skillstore}, year = {2026}, number = {7}, url = {https://skillstore.io/skills/heygen-com-remotion-to-hyperframes/audits/7}, note = {Author version unspecified} }

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "remotion-to-hyperframes security audit report (audit version 7)" version: "unspecified" type: report authors: - name: "heygen-com" date-released: "2026-07-19" url: "https://skillstore.io/skills/heygen-com-remotion-to-hyperframes/audits/7" identifiers: - type: other value: "skillstore:heygen-com-remotion-to-hyperframes:audit:7" description: "Skillstore immutable audit report identifier"

Skillstore Score

Why this score Evidence Confidence: High
82
Architecture
85
Maintainability
87
Content
68
Community
83
Spec Compliance

What You Can Build

Migrate a marketing video

Convert a supported Remotion marketing composition into a seekable HyperFrames HTML animation.

Assess migration readiness

Lint a Remotion codebase and identify blockers before committing to a migration.

Validate a conversion

Compare baseline and translated renders to identify frames that need adjustment.

Try These Prompts

Start a migration
Convert this existing Remotion composition to HyperFrames. First identify any unsupported patterns.
Check source compatibility
Run the Remotion compatibility review on this source directory and list blockers, warnings, and supported APIs.
Translate scene timing
Translate this Remotion composition into HyperFrames HTML and GSAP. Preserve scene timing, dimensions, fps, and scalar props.
Plan visual validation
Create a validation plan for this Remotion-to-HyperFrames migration. Include baseline rendering, SSIM comparison, frame-strip diagnosis, and translation notes.

Best Practices

  • Run the source lint before generating a translation.
  • Validate with equivalent dimensions, fps, and pixel format before comparing renders.
  • Write translation notes for every dropped, substituted, or approximated behavior.

Avoid

  • Do not use this skill for a new video or a non-Remotion source.
  • Do not translate state-driven or effect-driven compositions after the lint reports a blocker.
  • Do not treat a visual preview as proof of frame-level fidelity.

Frequently Asked Questions

What source does this skill support?
It supports explicit migrations from existing Remotion React composition source to HyperFrames.
Can it create a new HyperFrames video?
No. New compositions should use the general HyperFrames authoring workflow.
What happens when the source uses React state?
The lint treats state-driven and effect-driven patterns as blockers and recommends runtime interop.
Does it support the reverse conversion?
No. The migration direction is Remotion to HyperFrames only.
How is output quality checked?
Render the baseline and translation, compare SSIM, and inspect divergent frames with a frame strip.
What tools are needed for validation?
Validation requires the local Remotion and HyperFrames toolchains, Node.js, and FFmpeg.

Developer Details

Author

heygen-com

License

MIT

Skillstore revision

r2

Version notice

The author did not declare a version.

Ref

77d0e66fbadeb1f5d1e6a5aada7861240b8ed2d7

Maintenance freshness

7/19/2026

Usage

5 downloads ยท 69 views

File structure

๐Ÿ“ assets/

๐Ÿ“„ .gitkeep

๐Ÿ“ test-corpus/

๐Ÿ“„ .gitignore

๐Ÿ“„ run.sh

๐Ÿ“ tier-1-title-card/

๐Ÿ“„ .gitignore

๐Ÿ“„ expected.json

๐Ÿ“ hf-src/

๐Ÿ“„ index.html

๐Ÿ“„ README.md

๐Ÿ“ remotion-src/

๐Ÿ“„ package.json

๐Ÿ“„ remotion.config.ts

๐Ÿ“ src/

๐Ÿ“„ index.ts

๐Ÿ“„ Root.tsx

๐Ÿ“„ TitleCard.tsx

๐Ÿ“„ tsconfig.json

๐Ÿ“ tier-2-multi-scene/

๐Ÿ“„ .gitignore

๐Ÿ“„ expected.json

๐Ÿ“ hf-src/

๐Ÿ“„ index.html

๐Ÿ“„ README.md

๐Ÿ“ remotion-src/

๐Ÿ“„ package.json

๐Ÿ“„ remotion.config.ts

๐Ÿ“ src/

๐Ÿ“„ index.ts

๐Ÿ“„ MultiScene.tsx

๐Ÿ“„ Root.tsx

๐Ÿ“„ tsconfig.json

๐Ÿ“„ setup.sh

๐Ÿ“ tier-3-data-driven/

๐Ÿ“„ .gitignore

๐Ÿ“„ expected.json

๐Ÿ“ hf-src/

๐Ÿ“„ index.html

๐Ÿ“„ README.md

๐Ÿ“ remotion-src/

๐Ÿ“„ package.json

๐Ÿ“„ remotion.config.ts

๐Ÿ“ src/

๐Ÿ“ components/

๐Ÿ“„ AnimatedNumber.tsx

๐Ÿ“„ StatCard.tsx

๐Ÿ“„ UnderlinedText.tsx

๐Ÿ“„ index.ts

๐Ÿ“„ Root.tsx

๐Ÿ“ scenes/

๐Ÿ“„ OutroScene.tsx

๐Ÿ“„ StatsScene.tsx

๐Ÿ“„ TitleScene.tsx

๐Ÿ“„ Stargazed.tsx

๐Ÿ“„ tsconfig.json

๐Ÿ“ tier-4-escape-hatch/

๐Ÿ“ cases/

๐Ÿ“„ 01-use-state.tsx

๐Ÿ“„ 02-use-effect-deps.tsx

๐Ÿ“„ 03-async-metadata.tsx

๐Ÿ“„ 04-third-party-react.tsx

๐Ÿ“„ 05-lambda-config.tsx

๐Ÿ“„ 06-warnings-only.tsx

๐Ÿ“„ 07-custom-hook.tsx

๐Ÿ“„ 08-mixed.tsx

๐Ÿ“„ expected.json

๐Ÿ“„ README.md

๐Ÿ“„ validate.sh

๐Ÿ“ references/

๐Ÿ“„ api-map.md

๐Ÿ“„ escape-hatch.md

๐Ÿ“„ eval.md

๐Ÿ“„ fonts.md

๐Ÿ“„ limitations.md

๐Ÿ“„ lottie.md

๐Ÿ“„ media.md

๐Ÿ“„ parameters.md

๐Ÿ“„ sequencing.md

๐Ÿ“„ timing.md

๐Ÿ“„ transitions.md

๐Ÿ“ scripts/

๐Ÿ“„ .gitkeep

๐Ÿ“„ frame_strip.sh

๐Ÿ“„ lint_source.py

๐Ÿ“„ render_diff.sh

๐Ÿ“ tests/

๐Ÿ“ fixtures/

๐Ÿ“„ blocker.tsx

๐Ÿ“„ clean.tsx

๐Ÿ“„ smoke.sh

๐Ÿ“„ SKILL.md