remotion-best-practices
78より優れたRemotion動画を構築する
Remotionプロジェクトには、メディア、タイミング、キャプション、レンダリングに関する正しいパターンが必要です。このスキルは、React動画制作向けにClaude、Codex、Claude Codeへ焦点を絞ったルールと例を提供します。
オーディオと動画のメタデータを抽出
メディアメタデータのタスクには、ブラウザ、Node.js、Bun、Remotion プロジェクトに適した入力ソースが必要です。このスキルは、URL またはローカルファイルから再生時間と動画の寸法を読み取るための Mediabunny パターンを提供します。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
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.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「mediabunny」を使用しています。 ブラウザアップロードで選択されたオーディオファイルの再生時間が必要です。
期待される結果:
「mediabunny」を使用しています。 Remotion プロジェクト内の動画のサイズが必要です。
期待される結果:
「mediabunny」を使用しています。 リモート MP4 ファイルの再生時間が必要です。
期待される結果:
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.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
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"
Web 開発者が、アップロードされたファイルを受け入れる前にオーディオの長さと動画の解像度を確認します。
モーションデザイナーが、コンポジションのタイミングとレイアウトを設定する前にローカルアセットの再生時間または寸法を読み取ります。
Node.js 開発者が、処理ワークフロー中にローカルのオーディオおよび動画ファイルから基本メタデータを抽出します。
Mediabunny で、アップロードされたオーディオ File の再生時間を読み取る方法を教えてください。
Mediabunny で、URL から利用できる動画の再生時間を読み取る方法を教えてください。
Remotion の public ディレクトリ内にある動画の幅と高さを取得する方法を教えてください。
ローカルファイルに対してオーディオの再生時間、または動画の再生時間と寸法を返す、再利用可能な Mediabunny ヘルパーを作成してください。
作成者
remotion-devライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
47523c25cad87b7214fe2c3c06b309c556dc0a7e
メンテナンスの新しさ
2026/7/18
利用状況
1 ダウンロード · 0 閲覧
より優れたRemotion動画を構築する
Remotionプロジェクトには、メディア、タイミング、キャプション、レンダリングに関する正しいパターンが必要です。このスキルは、React動画制作向けにClaude、Codex、Claude Codeへ焦点を絞ったルールと例を提供します。
Remotionで動画をレンダリング
互換性のあるRemotionのエクスポート設定を選ぶのは難しい場合があります。このスキルは、動画、静止画、ProRes、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 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.
Create captions for Remotion videos
Timed captions can be difficult to create and synchronize in video compositions. This skill provides practical guidance for transcribing, importing, formatting, and rendering captions in Remotion.
動画、音声、文字起こしを処理
作成者 EGAdams
動画変換と文字起こしには、多くの場合、複数のコマンドラインツールが必要です。このスキルは、音声抽出、形式変換、Whisper による文字起こし作成のための 1 つの CLI ワークフローを提供します。
RunComfy で動画フレームを拡張
作成者 runcomfy-com
動画のアスペクト比を変更すると、重要な動きがクロップされたり、余白が残ったりすることがあります。このスキルは、被写体を維持しながらフレームを拡張する RunComfy のアウトペインティングワークフローを案内します。
Fal.ai音声ワークフローを作成
作成者 sickn33
音声タスクには、生成、文字起こし、レビューのための明確な手順が必要です。このスキルは、Claude、Codex、Claude Codeがfal.ai音声ワークフローを計画するのに役立ちます。
ElevenLabsのボイスオーバーを作成
作成者 inferen-sh
自然なナレーションの制作では、音声、モデル、形式オプションにわたる手動設定が必要になることがよくあります。このスキルは、Claude、Codex、Claude Code が inference.sh CLI を通じて ElevenLabs TTS を実行するのを支援します。
Process Audio with MediaKit
作成者 volcengine
Audio analysis and conversion often require different tools and precise parameters. This skill selects MediaKit workflows for metadata, voice activity, separation, and transcoding.
コードからインストゥルメンタル音楽を作成
作成者 Cam10001110101
コードで有用なデモ音楽を作成するには、MIDI、サウンドフォント、レンダリング、品質チェックが必要になる場合があります。このスキルは、Claude、Codex、Claude Code に、インストゥルメンタル MP3 ファイルを作曲してエクスポートするための構造化されたワークフローを提供します。