コアワークフロー
ワークフロー1: プライマリアクション
- 入力とコンテキストを分析する
- 前提条件が満たされていることを確認する
- コア操作を実行する
- 出力が期待を満たしているか検証する
- 結果を報告する
使用するタイミング
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への動画の埋め込み - トリミング、音量、速度、ループ、ピッチ