Remotion Devスキル

Remotionのエキスパートページに新しいエキスパートを追加する

@remotion/sfxに新しい効果音を追加する

Remotionのドキュメントにインタラクティブなデモを追加します。ドキュメントページ用の新しい<Demo>コンポーネントを作成する際に使用します。

DependabotのPRを修正するには、依存関係のすべてのモノレポインスタンスを更新し、bun installを実行してプッシュします

プルリクエスト作成を自動化し、フォーマット済みコミットとブランチ管理を行います。メインブランチにいないことを確認し、必要に応じてフィーチャーブランチを作成します。影響を受けるすべてのパッケージに対してOxfmtコードフォーマットを実行してからコミットします。package.jsonのパッケージ名を使用してコミットとPRタイトルをフォーマットします（例：「@remotion/shapes : Add heart shape」）。変更をプッシュした後、gh CLIを使用して自動的にプルリクエストを開きます。

PRの正しい命名

Remotion - Reactでの動画作成のベストプラクティス

Remotion - Reactでの動画作成のベストプラクティス

RemotionとReactで動画を構築するためのドメイン固有の知識ベース。アニメーション、オーディオ、アセット、3Dコンテンツ、チャート、テキスト、トランジション、コンポジション管理にわたる30以上のルールファイルをカバー。キャプション、FFmpeg操作、オーディオ可視化、サウンドエフェクト統合に関する専門的なガイダンスを含む。動的メタデータ計算、メディア検査（長さ、寸法、フレーム抽出）、パラメータ化可能なコンポジションのパターンを提供。Lottieなどの高度な機能をサポート。

動画に関するレポートを生成する

Webレンダラーコンポーネントのビジュアルスナップショットテストをvitestフィクスチャを使用して行います。packages/web-renderer/src/test/fixturesにReactコンポーネント、寸法、フレームレート、再生時間を定義したテストフィクスチャを作成します。packages/web-renderer/src/test/Root.tsxにフィクスチャを登録してプレビュー機能を有効にします。renderStillOnWeb()を使用して静止画をレンダリングし、testImage()によるスナップショット比較で出力を検証するテストケースを作成します。bunx vitest src/test/video.test.tsxでテストを実行し、ドキュメントを更新します。

Remotion APIドキュメントをMDX形式で記述するためのガイドラインとテンプレート。packages/docs/docsにAPIごとに1つの.mdxファイルを作成し、sidebars.tsに追加して、bun render-cards.tsを実行しソーシャルプレビューカードを生成します。APIプロパティには###見出し（箇条書きではなく）を使用し、オプションパラメータには?サフィックスを追加し、デフォルト値を説明文に自然に含めます。twoslash検証を使用した型安全なコードスニペットを推奨し、インポートを隠すために// ---cut---を使用し、常にtitle属性を...に追加します。