Remotion

Remotionのドキュメント変更を含むPRで、今回変更したAvailableFromの値をmainの次のパッチバージョンにそろえ、コミットとプッシュまで進めます。

• 次回リリース前のバージョン表記更新
• 変更箇所の表記をmain基準に統一
• PRで触れた対象だけを修正したいとき

Remotion Studioで毎フレーム発生する不要な再描画を減らすスキル。現在フレームの読み取り位置やReact.memoの使い方を見直します。

• 毎フレームの不要な再描画を減らしたいとき
• イベント時だけ現在フレームを読みたいとき
• フレーム依存の表示を子に分けたいとき

Remotionのスキルを内部用か公開用かに応じた場所へ配置し、公開用をエージェントから参照するリンクの作成と同期・検証の手順を案内します。

• 内部用・公開用スキルの配置先を決める
• 公開スキルの参照リンクを追加したいとき
• 公開スキルのリンクを同期・検証する

Remotion Studioのボタンやリンクを、通常カーソル、ホバー時の明色化、キーボード操作時のフォーカス表示という共通規約にそろえるスキル。

• Studioのボタンやリンクの実装
• 文字とアイコンのホバー色の統一
• キーボード用フォーカス表示の維持

Remotionのプルリクエストの差分と現在のタイトルを確認し、開発者に伝わる変更内容へ整えるスキル。パッケージ名や変更の種類に応じた接頭辞も選びます。

• RemotionのPRタイトルを見直したいとき
• 公開APIの変更を明確に伝えたいとき
• 文書やテスト変更の接頭辞選び

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

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

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

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

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

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

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

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

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

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

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

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

Remotionのエフェクトを新規実装し、パッケージへの登録から説明ページ、操作できるデモ、プレビュー画像の作成まで進めます。テストやビルドの確認も含みます。

• 新しいエフェクトを実装したいとき
• 読み込み口と設定値の型を登録したいとき
• 説明ページと操作デモを作りたいとき

RemotionのGitHub課題を作成・編集し、コメントや画像・動画の添付にも対応するスキル。依頼の意図を保ったタイトルと、改行を含む本文を整えます。

• Remotionの不具合を報告したいとき
• 既存の課題のタイトルや本文の編集
• 画像や動画付きのコメント追加

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

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

Remotion Studioで操作中のReact描画を記録し、不要な再描画や時間のかかる処理を調べます。変更前後を同じ条件で測り、改善を数値で確かめます。

• Studioの不要な再描画を調べたいとき
• 画面更新が遅い原因を特定したいとき
• タイムライン位置と描画の関係を調べたいとき

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

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

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

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

Remotionのドキュメントに、操作できるアニメーションデモを追加するスキル。Reactコンポーネントの作成から登録、入力コントロールの設定まで扱います。

• 解説ページに動くデモを追加したいとき
• スライダーでデモの値を変えたいとき
• デモの再生条件を設定したいとき

Dependabotの更新PRで、モノレポ内に残る同じ依存関係の旧バージョンとbun.lockをまとめて更新し、変更確認からコミット・プッシュまで進めるスキル。

• Dependabotの更新漏れを補いたいとき
• 複数パッケージの依存バージョン更新
• 更新後のbun.lockの再生成

RemotionのConvertアプリをローカル環境で起動し、Codex内のブラウザで開きます。依存関係の準備からビルド、起動先URLの案内まで扱います。

• convert.remotion.devをローカル起動
• CodexのブラウザでConvert画面を確認
• ローカルサーバーのURLと起動状態を確認

Remotionのコマンドラインや設定に新しいオプションを追加し、型定義、値の読み取り、設定用メソッド、ヘルプとドキュメントまで整えるスキル。

• 新しいCLIフラグを追加したいとき
• 既存フラグを共通の定義に移したいとき
• Configの設定用メソッドとの接続

Remotion Canvas Capture拡張機能を再ビルドし、作業用ディレクトリの削除で壊れない場所への設置、Chromeでの再読み込み、録画前の画面準備を支援します。

• 作業ディレクトリ削除後の復旧
• ソース変更後の再ビルドと再読み込み
• 録画前の画面準備とプレビュー確認

Remotionでの動画制作や字幕、地図、レンダリングなど、依頼に合う専門ガイドへ案内するスキル。新規プロジェクトの準備やStudioのプレビュー確認にも対応します。

• 新しい動画やプロジェクトを始めたいとき
• 字幕や動く地図のガイドを探したいとき
• Studioで動画編集を確認したいとき

Remotion Elementの開発用ひな形を、設計・実装と投稿の公式ガイドに沿って作成し、ドキュメント側のRemotion Studioでプレビューする準備を進めるスキル。

• 新しいRemotion Elementの開発開始
• 公式ガイドに沿って準備したいとき
• Docs Studioで表示を確認したいとき