remotion-best-practices
78构建更好的 Remotion 视频
Remotion 项目需要针对媒体、时序、字幕和渲染的正确模式。此技能为 Claude、Codex 和 Claude Code 提供面向 React 视频工作的聚焦规则和示例。
Inspect Audio and Video with Mediabunny
Reading media metadata consistently across web and server environments can require unfamiliar APIs. This skill provides focused Mediabunny patterns for durations and video dimensions.
将此请求复制给你的智能体,其中包含权威 Skill 页面和清单。
Review the Skillstore skill "remotion-multimedia" from https://skillstore.io/skills/remotion-dev-remotion-multimedia.md and its manifest at https://skillstore.io/api/skills/remotion-dev-remotion-multimedia/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智能体仍应展示其计划,并按安全策略请求必要确认。
当 AI Agent、爬虫或脚本需要干净上下文,而不是读取完整页面时,请使用这些链接。
正在使用“remotion-multimedia”。 Find the duration of an audio file from a public URL.
预期结果:
A typed asynchronous helper creates a Mediabunny URL source, computes the duration, and returns the result in seconds.
正在使用“remotion-multimedia”。 Check a local video's dimensions before rendering.
预期结果:
正在使用“remotion-multimedia”。 Inspect a video stored in Remotion's public directory.
预期结果:
Resolve the asset with staticFile, pass the resolved path to the helper, and use the returned duration for composition timing.
All four hardcoded URLs are benign documentation or sample media references in instructional Markdown. No malicious intent, prompt injection, credential exposure, or executable payload was found.
分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据,不判断该 Skill 是否安全。
https://skillstore.io/skills/remotion-dev-remotion-multimedia/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/remotion-dev-remotion-multimedia?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/remotion-dev-remotion-multimedia?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/remotion-dev-remotion-multimedia/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/remotion-dev-remotion-multimedia.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). remotion-multimedia security audit report (audit version 1) [Author version 4.0.507]. Skillstore. https://skillstore.io/skills/remotion-dev-remotion-multimedia/audits/1@techreport{remotion-dev-remotion-dev-remotion-multimedia-2026,
author = {remotion-dev},
title = {remotion-multimedia security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/remotion-dev-remotion-multimedia/audits/1},
note = {Author version 4.0.507}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "remotion-multimedia security audit report (audit version 1)"
version: "4.0.507"
type: report
authors:
- name: "remotion-dev"
date-released: "2026-08-09"
url: "https://skillstore.io/skills/remotion-dev-remotion-multimedia/audits/1"
identifiers:
- type: other
value: "skillstore:remotion-dev-remotion-multimedia:audit:1"
description: "Skillstore immutable audit report identifier"
Read source footage duration before setting a Remotion composition length.
Check browser-selected video dimensions before accepting an upload or selecting a layout.
Extract durations from local audio and video files in a Node.js or Bun workflow.
Show me how to get the duration of an audio URL with Mediabunny in TypeScript.
Create a Mediabunny helper that returns a video URL's display width and height. Include handling for a missing video track.
Adapt the video duration helper for a file in Remotion's public directory using staticFile.
Design reusable TypeScript utilities for audio duration, video duration, and dimensions. Explain UrlSource and FileSource choices for browsers, Node.js, and Bun.
作者
remotion-dev许可证
MIT
作者版本
v4.0.507
Skillstore 修订
r1
引用
ea4529a9975a699031c6abadf3bba0ecca3ea0fd
维护新鲜度
2026/8/10
使用量
0 次下载 · 0 次浏览
构建更好的 Remotion 视频
Remotion 项目需要针对媒体、时序、字幕和渲染的正确模式。此技能为 Claude、Codex 和 Claude Code 提供面向 React 视频工作的聚焦规则和示例。
使用 Remotion 渲染视频
选择兼容的 Remotion 导出设置可能很困难。此技能提供适用于视频、静态图像、ProRes 和 WebM 的命令与配置模式。
提取音频和视频元数据
媒体元数据任务需要适用于浏览器、Node.js、Bun 和 Remotion 项目的输入源。此技能提供使用 Mediabunny 从 URL 或本地文件读取时长和视频尺寸的模式。
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 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.
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.
将 Remotion 项目转换为 HyperFrames
由 heygen-com
手动迁移 Remotion 可能会遗漏时序、媒体和渲染差异。此技能会将受支持的 React 组合映射到 HyperFrames,并验证视觉保真度。
构建动效丰富的前端页面
由 MiniMax-AI
现代前端工作需要让设计、动效、媒体和文案协调一致。此技能通过资产生成、动画模式和质量检查,指导完成完整页面构建。
批量提取 YouTube 转录文本
由 browser-act
团队需要来自大量 YouTube 视频的可靠转录数据集。此技能运行 BrowserAct 工作流,从关键词搜索中收集转录文本、URL、发布者和点赞数。
创建 Remotion 演示讲解视频
由 google-labs-code
团队需要快速为应用界面制作演示讲解视频,但手动剪辑很慢。此技能可将 Stitch 界面转换为带有转场和叠加层的 Remotion composition。
使用 BrowserAct 提取 YouTube 转录文本
由 browser-act
手动收集 YouTube 转录文本速度慢且结果不一致。此技能会运行 BrowserAct 工作流,从提供的 URL 获取转录文本和视频元数据。
Review Defects and Verify Root-Cause Repairs
由 aakashh242
Reviews can miss failure conditions or accept fixes without reliable evidence. Gauntlet guides scoped adversarial reviews, authorized repairs, and revision-bound verification within a finite budget.