remotion-best-practices
78より優れたRemotion動画を構築する
Remotionプロジェクトには、メディア、タイミング、キャプション、レンダリングに関する正しいパターンが必要です。このスキルは、React動画制作向けにClaude、Codex、Claude Codeへ焦点を絞ったルールと例を提供します。
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 エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「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プロジェクトには、メディア、タイミング、キャプション、レンダリングに関する正しいパターンが必要です。このスキルは、React動画制作向けにClaude、Codex、Claude Codeへ焦点を絞ったルールと例を提供します。
Remotionで動画をレンダリング
互換性のあるRemotionのエクスポート設定を選ぶのは難しい場合があります。このスキルは、動画、静止画、ProRes、WebM向けのコマンドと設定パターンを提供します。
オーディオと動画のメタデータを抽出
メディアメタデータのタスクには、ブラウザ、Node.js、Bun、Remotion プロジェクトに適した入力ソースが必要です。このスキルは、URL またはローカルファイルから再生時間と動画の寸法を読み取るための Mediabunny パターンを提供します。
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動画から得られる信頼性の高い文字起こしデータセットが必要です。このスキルは、キーワード検索から文字起こし、URL、公開者、いいね数を収集するBrowserActワークフローを実行します。
Remotion のウォークスルー動画を作成
作成者 google-labs-code
チームにはアプリ画面のウォークスルー動画をすばやく作成する必要がありますが、手動編集には時間がかかります。このスキルは、Stitch の画面をトランジションやオーバーレイ付きの Remotion コンポジションに変換します。
BrowserActでYouTube文字起こしを抽出
作成者 browser-act
YouTubeの文字起こしを手作業で収集するのは遅く、一貫性もありません。このスキルはBrowserActワークフローを実行し、提供されたURLから文字起こしと動画メタデータを取得します。
フレームワーク横断でテスト品質を分析
作成者 C0ntr0lledCha0s
弱いテストは欠陥を隠し、リファクタリングを遅らせ、カバレッジ数値を誤解させます。このスキルはテストスイートを分析し、信頼性、保守性、カバレッジ、ミューテーションテストについて優先順位付きの指針を提供します。