remotion-best-practices
78Build Better Remotion Videos
Remotion projects need correct patterns for media, timing, captions, and rendering. This skill gives Claude, Codex, and Claude Code focused rules and examples for React video work.
Extract Audio and Video Metadata
Media metadata tasks need suitable input sources across browser, Node.js, Bun, and Remotion projects. This skill provides Mediabunny patterns for reading durations and video dimensions from URLs or local files.
Copy this request to your Agent. It includes the canonical Skill page and manifest.
Review the Skillstore skill "mediabunny" from https://skillstore.io/skills/remotion-dev-mediabunny.md and its manifest at https://skillstore.io/api/skills/remotion-dev-mediabunny/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Your Agent should still show its plan and request any confirmation required by the security policy.
Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.
Using "mediabunny". I need the duration of an audio file selected through a browser upload.
Expected outcome:
Using "mediabunny". I need the size of a video in a Remotion project.
Expected outcome:
Using "mediabunny". I need the duration of a remote MP4 file.
Expected outcome:
All four static findings are documentation links or example media URLs. They do not send sensitive data, execute code, or show malicious network behavior. No prompt injection, exfiltration intent, or other semantic security concern was found.
Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.
https://skillstore.io/skills/remotion-dev-mediabunny/audits/2?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/remotion-dev-mediabunny?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/remotion-dev-mediabunny?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/remotion-dev-mediabunny/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/remotion-dev-mediabunny.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>remotion-dev. (2026). mediabunny security audit report (audit version 2) [Author version unspecified]. Skillstore. https://skillstore.io/skills/remotion-dev-mediabunny/audits/2@techreport{remotion-dev-remotion-dev-mediabunny-2026,
author = {remotion-dev},
title = {mediabunny security audit report (audit version 2)},
institution = {Skillstore},
year = {2026},
number = {2},
url = {https://skillstore.io/skills/remotion-dev-mediabunny/audits/2},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "mediabunny security audit report (audit version 2)"
version: "unspecified"
type: report
authors:
- name: "remotion-dev"
date-released: "2026-07-13"
url: "https://skillstore.io/skills/remotion-dev-mediabunny/audits/2"
identifiers:
- type: other
value: "skillstore:remotion-dev-mediabunny:audit:2"
description: "Skillstore immutable audit report identifier"
A web developer checks audio length and video resolution before accepting an uploaded file.
A motion designer reads local asset duration or dimensions before setting composition timing and layout.
A Node.js developer extracts basic metadata from local audio and video files during a processing workflow.
Show me how to read the duration of an uploaded audio File with Mediabunny.
Show me how to read the duration of a video available at a URL with Mediabunny.
Show me how to get width and height for a video in my Remotion public directory.
Create a reusable Mediabunny helper that returns audio duration or video duration and dimensions for a local file.
Author
remotion-devLicense
MIT
Skillstore revision
r1
Version notice
The author did not declare a version.
Ref
47523c25cad87b7214fe2c3c06b309c556dc0a7e
Maintenance freshness
7/18/2026
Usage
1 downloads ยท 0 views
File structure
Build Better Remotion Videos
Remotion projects need correct patterns for media, timing, captions, and rendering. This skill gives Claude, Codex, and Claude Code focused rules and examples for React video work.
Render Videos with Remotion
Choosing compatible Remotion export settings can be difficult. This skill provides commands and configuration patterns for videos, stills, ProRes, and WebM.
Upgrade Remotion dependencies safely
Remotion upgrades can leave packages and lockfiles out of sync. This skill guides a consistent upgrade for Remotion, Mediabunny, and installed Remotion skills.
Create Editable Remotion Animations
Remotion animation components can become difficult to adjust in Studio when their editable controls are unclear. This skill directs you to official guidance for designing interactive components and editable media timelines.
Create a Remotion video project
Starting a Remotion project requires a reliable scaffold and video-focused layout choices. This skill creates a blank project, starts Studio, and links to focused guidance for markup, interactivity, layout, and TailwindCSS.
Build a Remotion video SaaS application
Building a video SaaS application requires choices about UI previews, rendering, and deployment. This skill gives focused Remotion guidance for those choices and links to the relevant documentation.
Convert Remotion Projects to HyperFrames
by heygen-com
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.
Process Video, Audio, and Transcripts
by EGAdams
Video conversion and transcription often require several command-line tools. This skill provides one CLI workflow for extracting audio, converting formats, and creating Whisper transcripts.
Create Fal.ai Audio Workflows
by sickn33
Audio tasks need clear steps for generation, transcription, and review. This skill helps Claude, Codex, and Claude Code plan fal.ai audio workflows.
Create ElevenLabs Voiceovers
by inferen-sh
Producing natural narration often requires manual setup across voice, model, and format options. This skill helps Claude, Codex, and Claude Code run ElevenLabs TTS through the inference.sh CLI.
Extend Video Frames with RunComfy
by runcomfy-com
Changing video aspect ratios can crop important action or leave empty space. This skill guides RunComfy outpainting workflows that extend the frame while preserving the subject.
Create Instrumental Music with Code
by Cam10001110101
Creating original instrumental music requires composition, MIDI, rendering, and quality checks. This skill guides that workflow and produces downloadable MP3 files.