ユーザーの変更を保持する
ユーザーは会話外でコードを編集することがあります。
その間に予期しない変更を検出した場合、上書きせず、意図的なものと想定するか、確認を求めてください。
動画の作成
ユーザーが新しい動画やコンポジションの作成、制作、構築を依頼した場合は、Remotionプロジェクトの有無に関わらず、新しいRemotion動画を作成するを読み込んでください。
新規プロジェクトのセットアップ
現在Remotionプロジェクトが存在しない場合は、新しいRemotionプロジェクトを作成するを読み込んでください。
Reactマークアップのベストプラクティス
RemotionのReactマークアップを記述する場合は、Remotionマークアップのベストプラクティスを読み込んでください。
地図
静止地図、アニメーションルートとマーカー、地理的な解説、Mapbox、MapLibre、MapTiler、GeoJSON、3D地理的フライオーバーについては、Remotion Mapsを読み込んでください。
マルチメディア
ブラウザ内で動画のトリミング、クロップ、メタデータ取得などのマルチメディアタスクを実現するには、Remotion Multimediaを読み込んでください。
インタラクティブ性の向上
Remotionのマークアップを適切に構造化することで、ユーザーがStudioでインタラクティブに変更を加え、コードに書き戻すことができます。該当する場合は：インタラクティブ性のベストプラクティス
プレビューを開く
ユーザーが動画を「作る」「作成する」などと依頼した場合。 特に明示されない限り、デフォルトでは動画をレンダリングしないでください。ユーザーは代わりにインタラクティブなプレビューを確認したいと考えています。 プロジェクトが実行可能になったらすぐにStudioを起動し、コンポジションを構築または編集する前にブラウザでプレビューを開いてください。作業中は開いたままにして、ユーザーが進捗を確認し方向性を指示できるようにしてください。
Cursorを使用している場合
--no-open を付けずにStudioを実行し、ブラウザが自動的に開くようにします：
npx remotion studio
アプリ内ブラウザを持つ別のエージェントクライアントを使用している場合
上記のコマンドを使用してStudioにブラウザを開かせるか、以下を実行します：
npx remotion studio --no-open
これにより長時間実行されるプロセスが開始され、プレビューのサーバーURLが出力されます。
サーバーが既に起動している場合は、そのURLが出力されます。
--no-open を使用する場合は、出力された正確なURLをアプリ内ブラウザで開き、Studioが読み込まれることを確認してください。コンポジションが存在する場合は、その動画プレビューが読み込まれることを確認してください。アプリ内ブラウザで開けない場合は、--no-open を付けずにStudioを実行してください。
特定のコンポジションには /[composition-id] に移動してアクセスできます。例：http://localhost:3000/MapAnimation。
:::note StudioはWebMCPツールをサポートしています。 :::
アプリ内ブラウザがない場合
これによりブラウザでStudioが開くか、既に開いている場合はフォーカスされます。
npx remotion studio
その他のオプション
Remotion Studioでプロジェクトを起動するには、その正確なローカルURLを開くか、Studio CLIフラグを設定します。Remotion Studioを読み込んでください。
動画のレンダリング
ユーザーが非常に明確に要求した場合のみレンダリングしてください。 例：「動画をレンダリングして」「エクスポート」「MP4をください」。
プレビューにはより直感的なレンダリングインターフェースもあるため、コマンドラインの代わりにそちらを使用することを検討してください。
npx remotion render
詳細なオプションについては、Renderingを参照してください。
単純な npx remotion render を超えた高度なレンダリングについては、レンダリングのベストプラクティスを参照してください。
キャプション
キャプションを扱う場合は、Remotion Captionsを読み込んでください。
SaaS、自動化、アプリケーションの作成
Remotionを活用したSaaSアプリケーション（<Player>、Lambdaでのレンダリング、Vercel、Cloudflare、Express.js経由、クライアントサイドレンダリング、適切なSaaSテンプレートの検索など）に関する知識については、Remotion SaaSスキルを使用してください。
Remotion APIとドキュメントの参照
現在のRemotionドキュメントを検索して読むには、Remotion Docsを読み込んでください。
アップグレード
Remotion、関連パッケージ、互換性のあるMediabunnyパッケージ、インストール済みのRemotion Agentスキルをアップグレードするには、Remotion Upgradeを読み込んでください。