Remotion

Remotion Studioの設定を起動時固定か再読み込み可能かに分類し、プレビューやレンダーキューなどで設定値の反映タイミングをそろえる実装・レビュー用スキル。

• Studioの設定やCLIオプションの追加
• 設定の反映タイミングを見直したいとき
• プレビューとレンダーの設定をそろえたいとき

GitHubの未完了Issueから全体計画に属さないものを探し、親の有無を区別して報告します。完了済みIssueを計画の階層から外す整理にも対応します。

• 全体計画に属さないIssueを探したいとき
• 親なしと計画外のIssueを区別したいとき
• Issueの所属を自動チェックしたいとき

動画や音声の文字起こしから字幕の表示・アニメーション、既存のSRT字幕の取り込みまでを扱い、Remotion向けのJSON形式で整理するスキル。

• 動画や音声から字幕を作りたいとき
• 動画内で字幕を表示・演出したいとき
• 既存のSRT字幕を取り込みたいとき

Remotionのコードを、Studioで要素の選択や移動、サイズ変更、アニメーション調整ができる構造に整えます。スタイルやSVGパスを画面で編集するための書き方を示します。

• タイトルや画像をStudioで編集
• アニメーションのキーフレーム調整
• SVGの形状や変形を画面で編集

Remotionの動画プロジェクトを作成し、ブラウザでプレビューを確認しながらReactで映像を組み立てるスキル。複数シーンやStudioでの編集にも対応します。

• Remotionで動画制作を始めたいとき
• プレビューを見ながら映像を作りたいとき
• 複数シーンの動画を作りたいとき

Remotionで作った映像を動画ファイルや静止画として書き出すスキル。用途に応じたCLIコマンドと、背景透過動画の出力手順への参照を案内します。

• Remotionの動画を書き出したいとき
• Remotionから静止画を出力したいとき
• 書き出しオプションを調べたいとき

Remotionで指定のブランチや参照先へ切り替え、依存関係の導入とビルドを行います。Codexでは関連PRのタイトルを現在のタスク名に反映します。

• 指定ブランチの作業環境を準備したいとき
• 切り替え後に依存導入とビルドをしたいとき
• Codexのタスク名をPR名に合わせたいとき

Remotion本体と関連パッケージの更新を支援します。プロジェクトの構成を確認し、バージョンの統一、ロックファイルや導入済みスキルの更新まで進めます。

• Remotionを最新安定版に更新したいとき
• 関連パッケージの版を統一したいとき
• ワークスペース全体の依存関係更新

Remotionの不具合情報を、影響するバージョンと更新先の案内を添えてbugs APIに追加するスキル。既存の形式に沿い、配列の先頭に最新の情報を登録します。

• 報告された不具合をAPIに追加したいとき
• 不具合の影響バージョンを記録したいとき
• 不具合の説明に更新先を案内したいとき

Remotionの整形・スタイルチェックを`bun run stylecheck`で実行し、終了コードが0になるまで進めます。`lambda-go`のエラーは完了を妨げる扱いにしません。

• Remotionの整形チェックを実行したいとき
• 整形の問題をチェック合格まで直したいとき
• 整形作業の完了を再確認したいとき

録画済みのRemotion Canvas Captureを、カーソルのキーフレーム付きで編集可能な動画構成に取り込むスキル。Studioを操作せず、コード生成と登録を進めます。

• 録画を編集可能な構成に取り込みたいとき
• Studioを操作せず録画を追加したいとき
• 取り込み時に構成サイズやfpsを指定したいとき

GitHubの課題に親子関係や作業の依存関係を設定し、進める順番を整理します。gh CLIで関係の追加・変更・解除と確認を行い、別リポジトリの課題も関連付けます。

• 大きな課題を子課題に分けたいとき
• 課題を進める順番を明示したいとき
• 別リポジトリの依存課題を結びたいとき

Remotionのプルリクエストを、チェックの完了待ちから競合解消、失敗原因の調査、マージまで進めるスキル。継続的インテグレーションの失敗と一時的な不安定さを見分けます。

• 必須チェック通過後にマージしたいとき
• マージを妨げる競合の解消
• 自動チェックの失敗調査と修正

Remotionで作る地図アニメーションの用途に合わせて、衛星画像、Mapbox、MapLibreなど5つの方式から選び、必要な実装ガイドへ案内するスキル。

• 衛星画像の上に動きを重ねたいとき
• 地球表示や3D建物を使った映像制作
• APIキー不要の地図方式を選びたいとき

Remotionの動画や画像素材をCloudflare R2へ移し、コードの参照先を公開URLに更新します。公開後の内容一致を確認してからローカルの素材を削除します。

• リポジトリの素材をR2へ移したいとき
• 素材の参照先を公開URLに変えたいとき
• 削除前に公開素材の内容を確認したいとき

現在の変更を整形し、ビルドとスタイル検査を経てGitHubのPRを作成・更新します。関連する課題を本文に記載し、条件がそろえば変更ページのプレビューリンクも追加します。

• 現在の機能変更をPRにしたいとき
• 既存PRにローカル変更を反映したいとき
• 提出前の整形とビルド確認

RemotionのCIで起きる一時的・断続的な失敗をログから調べ、追跡用Issueへの記録と発生回数の更新、該当するGitHub Actionsジョブの再実行を行います。

• 再試行で通りそうなCI失敗の調査
• PR番号が不明な失敗チェックの探索
• 繰り返す失敗の記録と回数集計

依存する変更を複数のブランチとPRに分け、各段階の差分をレビューしやすく整理します。GitHub CLIの拡張機能で作成から同期、マージまで扱います。

• 大きな変更を複数PRに分けたいとき
• 下位ブランチの修正を上位へ反映
• ローカルとGitHubの状態を同期

Remotionの動画制作・編集時にStudioを起動し、ブラウザでプレビューを確認するスキル。作業中も画面を開き、変更を見ながら調整を進められます。

• 制作中の動画をプレビューしたいとき
• 動画の編集結果を確認したいとき
• アプリ内ブラウザでStudioを開く

Remotionのホームページ用動画を、透過マスターからChrome向けWebMとSafari向けMP4に変換するスキル。サイズや透過状態を確認し、2か所の配置先へ反映します。

• ホームページの紹介帯動画の差し替え
• Chrome向け透過WebMの作成
• Safari向け代替MP4の作成

Remotionの新版公開に向け、認証確認やビルド、npmパッケージの取得検証、公開タグの更新、変更履歴の作成と承認後のGitHub公開までを進めるスキル。

• Remotionの新版を公開したいとき
• latest更新前の全パッケージ確認
• コミットやPRから変更履歴を作成

Remotionで動画の画面や動きをReactで組み立てるための実装指針です。文字のアニメーション、映像・音声の配置、表示時間の調整やプレビュー確認を支援します。

• タイトルや字幕に動きを付けたいとき
• 動画・音声・画像を組み合わせたいとき
• レイヤーの表示時間や切り取りの調整

Remotionのプレイヤーサンプルをローカルで起動し、Codex内蔵ブラウザで開くスキルです。依存関係の準備とビルドを行い、接続先URLとサーバーの起動状況を伝えます。

• プレイヤーサンプルを起動したいとき
• Codex内蔵ブラウザで確認したいとき
• 開発サーバーのURLと稼働状況の確認

Remotionの変更差分に追加された省略可能な引数やプロパティを、内部APIでは必須のnull許容型に直し、呼び出し元も更新するスキル。

• PRで追加された省略可能な引数の確認
• 内部Reactプロパティのnull明示
• 公開APIの互換性を保ちたいとき