remotion-video-creation

name	remotion-video-creation
description	Remotion のベストプラクティス - React で動画を作成する。3D、アニメーション、音声、字幕、チャート、トランジションなどをカバーするドメイン固有の29のルール。 Use when this capability is needed.
metadata	{"author":"affaan-m"}

使用場面

Remotion のコードを扱い、ドメイン固有の知識が必要な場合にこのスキルを使用してください。

使い方

詳細な説明とコード例については、各ルールファイルをお読みください：

• rules/3d.md - Three.js と React Three Fiber を使用して Remotion で 3D コンテンツを作成する
• rules/animations.md - Remotion の基本的なアニメーションスキル
• rules/assets.md - Remotion で画像、動画、音声、フォントをインポートする
• rules/audio.md - Remotion での音声とサウンドの使用——インポート、トリミング、音量、速度、ピッチ
• rules/calculate-metadata.md - コンポジションの長さ、サイズ、プロパティを動的に設定する
• rules/can-decode.md - Mediabunny を使用してブラウザが動画をデコードできるか確認する
• rules/charts.md - Remotion のチャートとデータビジュアライゼーションパターン
• rules/compositions.md - コンポジション、静止画、フォルダー、デフォルトプロパティ、動的メタデータの定義
• rules/display-captions.md - TikTok スタイルのページと単語ハイライトに対応した Remotion での字幕表示
• rules/extract-frames.md - Mediabunny を使用して指定タイムスタンプの動画フレームを抽出する
• rules/fonts.md - Remotion で Google フォントとローカルフォントを読み込む
• rules/get-audio-duration.md - Mediabunny を使用して音声ファイルの長さ（秒）を取得する
• rules/get-video-dimensions.md - Mediabunny を使用して動画ファイルの幅と高さを取得する
• rules/get-video-duration.md - Mediabunny を使用して動画ファイルの長さ（秒）を取得する