Remotion

Remotion Studioの操作デモを利用者が録画できるよう画面と撮影範囲を準備します。録画後はカーソル編集情報を保って取り込み、公開先への保存まで進めます。

• Studioの操作デモを録画したいとき
• タイムラインの実演を撮影したいとき
• カーソル情報付きで録画を取り込みたいとき

Remotion Studioのタイムラインを同じ表示条件で撮影し、変更前後をワイプで比較する動画を作ります。過去のレイアウトの再撮影にも対応します。

• タイムラインの配置変更を動画で比較
• 過去の版のレイアウトを再撮影
• 同じ条件で変更前後の画像を保存

Remotionの表示タイミングと全画面レイアウトをコンポーネントにまとめ、余分なラッパーやStudioのタイムライン行を整理するコードの作成・改修を支援します。

• シーンやメディアにタイミングを直接指定
• 余分なSequenceやAbsoluteFillの整理
• 関連シーンやクリップのタイムライン行整理

Remotionの公開済みCodex・ChatGPT向けプラグインを、掲載情報を保ちながらリリース済みバージョンへ更新し、ZIPの準備から公開確認まで進めます。

• 公開プラグインをリリース版へ更新したいとき
• 掲載情報を保って更新ZIPを作りたいとき
• 既存の下書きや審査を引き継ぎたいとき

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

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

Remotionの規約やプライバシーポリシーなど、4種類の法務文書をMDX原稿からPDFに再生成し、原稿更新後の内容確認と同時コミットまで案内するスキル。

• 法務文書の更新をPDFに反映したいとき
• PDFの見出しや表、改ページの確認
• 原稿とPDFをまとめてコミット

Remotionのテスト作成・更新・レビューで、利用者が確認できる操作結果や生成物を検証する方針を示し、結合テストや単体テストの選択と回帰確認を支援するスキル。

• 機能に合うテスト範囲を選びたいとき
• 既存テストの検出力をレビューしたいとき
• 修正前後で回帰テストを確認したいとき

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

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

Remotionの現在のバージョンをソースファイルで確認し、次回はパッチ版という開発方針に沿って、ドキュメント内のバージョン表記を点検するスキル。

• 現行バージョンをソースで確認したいとき
• 次のパッチ版の参照表記を点検
• リリース前のドキュメント確認

Vercelの特定のデプロイをCodexで監視し、準備完了や失敗を通知するスキルです。PRやコミットから対象を特定し、状態と管理画面・プレビューのリンクを伝えます。

• PRのプレビュー公開を待ちたいとき
• 特定コミットのデプロイを監視
• デプロイ成功・失敗の通知

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

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

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

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

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

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

動画が動作しないという報告を受けた際に、対象の動画をサンプルへ設定し、Remotionの詳細ログ付きレンダリングで状況を調べるスキル。

• 動作しない動画を調べたいとき
• 問題の動画をサンプルに設定したいとき
• 詳細ログ付きで動画を書き出したいとき

GitHubでRemotionのスター数を確認し、千単位で切り捨てた値をホームページやチームページの表示に反映し、変更をmainへコミット・プッシュするスキル。

• ホームページのスター表示を更新したいとき
• 3箇所のスター表示をそろえたいとき
• 表示の更新をmainへ反映したいとき

Remotionの作業ブランチに公式mainの最新変更を取り込み、未コミットの作業を一時退避・復元しながら、公開済みの履歴を保って競合解消と検証を進めるスキル。

• 機能ブランチに最新mainを取り込みたいとき
• ローカルmainをfast-forwardしたいとき
• 公開済み履歴を保ってPRを更新したいとき

Remotion LambdaのChrome実行ファイルをテスト用リージョンへ公開し、レイヤー情報やバージョン参照の更新、Dockerでの描画検証を進めるスキル。

• 全リージョン展開前にChromeを検証したいとき
• LambdaレイヤーとChromeの参照情報更新
• Dockerで各環境の描画を確認したいとき

Remotionのv4互換性を保ちながら、v5の破壊的変更を実装・レビューするスキル。単一フラグで実行時の動作と公開型を切り替え、移行ガイドと検証も整えます。

• v4互換のままv5の既定値を変えたいとき
• 公開するTypeScript型の変更レビュー
• 破壊的変更と移行手順の文書化

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

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

Remotionのドキュメントを追加・編集するためのスキルです。APIごとのページ構成やコード例、対応環境、導入バージョンの表記を既存の規約に沿って整えます。

• 公開APIの説明ページを追加したいとき
• コード例や引数の説明を統一したいとき
• バージョン表示と対応環境の点検

Remotion Studioの4つの動作モードで使える機能と制約を整理し、操作やUIの実装・レビュー時に、ボタンの表示や無効化を判断するためのスキルです。

• Studioに追加する操作の対応範囲を確認
• 公開済みStudioのボタン表示をレビュー
• プレビューサーバー切断時の挙動を確認

RemotionのWebレンダラーで、描画結果を画像で比較する既存テストを実装変更に合わせて更新し、明示的に依頼された場合は描画サンプルと新規テストを追加するスキル。

• 描画処理の変更に伴う既存テスト更新
• 明示的に依頼した描画テストの追加
• テスト用サンプルのプレビュー登録

Remotion StudioでSequenceを視覚的に編集する機能の実装・不具合調査を支援するスキル。識別情報や展開状態、ホットリロード時の挙動を扱います。

• 再読み込み時のSequence識別を調査
• Sequenceの展開状態の管理を見直す
• nodePathと呼び出し履歴の対応確認

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

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