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