使用するタイミング
このスキルは、Remotionコードを扱っているときにドメイン固有の知識を得るために使用します。
キャプション
キャプションや字幕を扱う場合は、./rules/subtitles.mdファイルを読み込んで詳細情報を取得してください。
FFmpegの使用
動画のトリミングや無音検出などの一部の動画操作では、FFmpegを使用する必要があります。./rules/ffmpeg.mdファイルを読み込んで詳細情報を取得してください。
オーディオの可視化
オーディオ(スペクトラムバー、波形、ベースリアクティブエフェクト)を可視化する必要がある場合は、./rules/audio-visualization.mdファイルを読み込んで詳細情報を取得してください。
効果音
効果音を使用する必要がある場合は、./rules/sound-effects.mdファイルを読み込んで詳細情報を取得してください。
使用方法
個々のルールファイルを読み込んで、詳細な説明とコード例を参照してください:
- 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/extract-frames.md - Mediabunnyを使用して特定のタイムスタンプから動画フレームを抽出
- rules/fonts.md - RemotionでのGoogle Fontsとローカルフォントの読み込み
- 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/light-leaks.md - @remotion/light-leaksを使用したライトリークオーバーレイエフェクト
- 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/transitions.md - Remotionのシーントランジションパターン
- rules/transparent-videos.md - 透明度のある動画のレンダリング
- rules/trimming.md - Remotionのトリミングパターン - アニメーションの先頭または末尾をカット
- rules/videos.md - Remotionへの動画埋め込み - トリミング、音量、速度、ループ、ピッチ
- rules/parameters.md - Zodスキーマを追加して動画をパラメータ化可能にする
- rules/maps.md - Mapboxを使用した地図の追加とアニメーション
- rules/voiceover.md - ElevenLabs TTSを使用したAI生成ナレーションのRemotionコンポジションへの追加