remotion-video-creation

使用時機

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

使用方法

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

• rules/3d.md - Remotion で Three.js と React Three Fiber を使用して 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 - Remotion で字幕を表示する、TikTok スタイルページと単語ハイライト対応
• 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 を使用してビデオファイルの期間（秒）を取得する
• rules/gifs.md - Remotion タイムラインと同期した GIF を表示する
• rules/images.md - Img コンポーネントを使用して Remotion に画像を埋め込む
• rules/import-srt-captions.md - @remotion/captions を使用して .srt 字幕ファイルを Remotion にインポートする
• rules/lottie.md - Remotion に Lottie アニメーションを埋め込む
• rules/measuring-dom-nodes.md - Remotion で DOM 要素のサイズを計測する
• rules/measuring-text.md - テキストサイズを計測する、テキストをコンテナに適合させる、オーバーフロー確認
• rules/sequencing.md - Remotion のシーケンスパターン——遅延、クロップ、プロジェクト期間制限
• rules/tailwind.md - Remotion で TailwindCSS を使用する
• rules/text-animations.md - Remotion のタイポグラフィとテキストアニメーションパターン
• rules/timing.md - Remotion の補間曲線——線形、イージング、スプリングアニメーション
• rules/transcribe-captions.md - Remotion で字幕を生成するためにオーディオを転記する
• rules/transitions.md - Remotion のシーントランジションパターン
• rules/trimming.md - Remotion のトリミングパターン——アニメーションの開始または終了をトリミングする
• rules/videos.md - Remotion にビデオを埋め込む——トリミング、ボリューム、速度、ループ、ピッチ