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