remotion-best-practices

使用するべき場面

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 フォントとローカルフォントのロード
• 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 への動画の埋め込み - トリミング、ボリューム、速度、ループ、ピッチ