開発のスキル

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

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

RemotionのFFmpeg依存を指定コミットへ更新し、Windows・macOS・Linux向け実行ファイルの再ビルド、検証、ドラフトPR作成まで進めます。

• 公開済みのFFmpeg依存更新を取り込む
• 全対応環境のバイナリを再ビルドしたいとき
• Windowsの依存ライブラリを検証したいとき

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

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

Remotion StudioのCSSリセット内で、文字やSVGに意図したスタイルを適用するため、親からの継承に頼らず要素ごとに指定するスキル。

• 親のスタイルが子に反映されないとき
• SVGのスタイルを調整したいとき
• StudioのCSSリセット範囲の確認

Remotion Elementの画像・動画プレビューをremotion.mediaへアップロードし、ローカルURLの置き換えと素材の後片付けまで進めるスキル。

• 生成したElementプレビューの公開
• コミット済みの提出素材のアップロード
• 画像・動画のローカルURLの置き換え

Remotionのサンプル用Studioをローカルで起動し、Codex内蔵ブラウザで開くスキル。依存関係の準備とビルドを行い、起動結果に表示されたURLへ接続します。

• サンプルのRemotion Studioを起動したいとき
• CodexでローカルのStudioを開きたいとき
• 複数の作業コピーで接続先を確かめたいとき

Remotion内のMediabunnyと関連パッケージを最新版へそろえ、テンプレートやCLIのバージョン情報、互換性表まで更新するスキル。

• Mediabunnyを最新版へ更新したいとき
• テンプレート間の依存バージョン統一
• CLIとStudioのバージョン情報更新

Remotionのcaniuse-liteの固定バージョンをnpmの最新版へ更新するスキル。作業状態の確認から依存関係の再インストール、コミットとpushまで扱います。

• caniuse-liteを最新版にしたいとき
• package.jsonの固定指定の更新
• 更新後に依存関係を入れ直したいとき

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

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

新しい効果音を@remotion/sfxへ追加するスキルです。音源の事前登録から公開用の定義、試聴付きドキュメント、目次、波形データの更新、ビルドまでの手順を案内します。

• 効果音を@remotion/sfxに追加
• 試聴と使用例のある説明ページの作成
• 効果音の目次と波形データの更新

ブラウザのWebCodecsに関する不具合URLから、件名・報告者・修正状況を確認し、RemotionのMediabunnyドキュメントの既存表に追記するスキル。

• Chromiumの不具合を資料に追加したいとき
• WebKitやFirefoxの課題の記録
• 追記前に報告者と修正状況を確認したいとき

Remotionの公開APIを残したまま非推奨にするとき、TypeScriptの注釈とドキュメントの表示をそろえるスキル。代替APIの案内やレビュー時の確認に使えます。

• 既存の公開APIを非推奨にしたいとき
• 代替APIへの案内を加えたいとき
• 非推奨の注釈と文書のレビュー

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Remotionを使った動画生成アプリの開発を支援します。入力フォームからの動画出力や編集画面を想定し、プレビューの埋め込みと動画の生成方式の選択を案内します。

• 入力フォームから動画を生成したいとき
• 動画編集アプリの開発
• Reactアプリへのプレビュー埋め込み

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

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

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

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

Remotionの専門家紹介ページに新しい人物を追加します。顔写真とプロフィール、連絡先を所定の場所に登録し、紹介カード画像の生成まで進めます。

• Remotionの専門家ページに人物を追加
• 顔写真・専門分野・連絡先を登録
• 専門家の紹介カード画像を生成

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

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