使用するタイミング
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 - 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での動画埋め込み – トリミング、音量、速度、ループ、ピッチ