Remotion Devスキル

RemotionでThree.jsとReact Three Fiberを使用した3Dコンテンツ。

外部のRemotion Elementのコントリビューションを受け入れ、コミットされたプレビューを検証し、R2にアップロードし、一時アセットを削除し、…を準備します。

新しいRemotionのバグエントリーをpackages/bugs/api/[v].tsに追加します。ユーザーがバグと影響を受けるRemotionバージョンを説明し、それを…を通じて表示する必要がある場合に使用します。

新しいRemotionバグエントリをpackages/bugs/api/[v].tsに追加します。ユーザーがバグと影響を受けるRemotionバージョンを説明し、それらを…を通じて表示する必要がある場合に使用します。

新しいRemotion CLIまたは設定オプションを追加するには、AnyRemotionOptionを作成し、CLIパースを登録し、コンフィグセッターを配線し、ドキュメントを更新します。次の場合に使用します…

新しいRemotion CLIまたは設定オプションを追加するには、AnyRemotionOptionを作成し、CLIパースを登録し、設定セッターを配線し、ドキュメントを更新します。次の場合に使用します…

Add a new effect to @remotion/effects, including implementation, package exports, docs, demos, preview images, Remotion skill updates, tests, formatting, and…

@remotion/effectsに新しいエフェクトを追加します。実装、パッケージのエクスポート、ドキュメント、デモ、プレビュー画像、Remotionスキルの更新、テスト、フォーマットなどを含みます。

Remotionエキスパートページに新しいエキスパートを追加する

Remotionのエキスパートページに新しいエキスパートを追加する

Remotionモノレポに新しいパッケージを追加します。パッケージの雛形作成、モノレポへの登録、ドキュメント、ビルドスクリプト、テスト、リリースチェックリストなどを含みます…

Remotion monorepo に新しいパッケージを追加します。パッケージのスキャフォールディング、monorepo への登録、ドキュメント、ビルドスクリプト、テスト、リリースチェックリストなどを含みます…

@remotion/sfxに新しい効果音を追加する

Remotion Mediabunny WebCodecs bugsドキュメントページにブラウザのWebCodecsバグを追加します。追跡すべきChromium、WebKit、Firefoxのissue URLが指定された場合に使用します…

ブラウザのWebCodecsバグをRemotion Mediabunny WebCodecsバグドキュメントページに追加します。追跡すべきChromium、WebKit、またはFirefoxのイシューURLが指定された場合に使用します…

非公開のRemotion Canvas Capture unpacked Chrome拡張機能を再ビルド、インストール、再読み込みします。Codexワークツリーの後に拡張機能を復元する必要がある場合に使用します。

Remotionリポジトリでリクエストされたブランチまたはrefをチェックアウトし、Codexで実行する場合は現在のタスクを関連するPRタイトルに名前変更し、その後依存関係をインストールします…

Remotionリポジトリ内の指定されたブランチまたはrefをチェックアウトし、依存関係をインストールしてビルドします。ユーザーがrefをチェックアウトして準備するよう依頼した場合に使用します。

ローカルの@remotion/convertアプリを起動し、Codexブラウザで開きます。ユーザーが/convertまたは$convertを呼び出したとき、convert.remotion.devを起動するよう要求したときに使用します。

ローカルの@remotion/convertアプリを起動し、Codexブラウザで開きます。ユーザーが/convertまたは$convertを呼び出したとき、convert.remotion.devの起動を要求したときに使用します。

公開Remotion APIの非推奨がTypeScriptソースとドキュメントでどのように表現されるかのリファレンス。追加、レビュー、または議論の際に使用します。

Remotionのドキュメントサイトを起動し、Codexブラウザで開きます。ユーザーが /docs または $docs を呼び出したとき、ローカルのドキュメントサイトを起動するよう要求したとき、または…

Remotionのドキュメントサイトを起動し、Codexブラウザで開きます。ユーザーが/docsや$docsを呼び出したとき、ローカルのドキュメントサイトの起動を依頼したとき、または…

Remotionドキュメントにインタラクティブなデモを追加します。ドキュメントページ用の新しい<Demo>コンポーネントを作成する際に使用します。

Remotionのドキュメントにインタラクティブなデモを追加します。ドキュメントページ用の新しい<Demo>コンポーネントを作成する際に使用します。

Audit and clean the Remotion GitHub masterplan hierarchy. Use when finding open issues that lack a masterplan ancestor, identifying orphaned issues that need a…

Dependabot PRを修正し、依存関係のモノレポ内のすべてのインスタンスを更新して、bun installを実行し、プッシュする

DependabotのPRを修正するには、依存関係のすべてのモノレポインスタンスを更新し、bun installを実行してプッシュします

Remotion CIのflakeをissueで追跡する

Remotion CIのフレークをIssueで追跡する

Remotionのフォーマットとスタイルチェックが通るまで実行します。ユーザーがフォーマットの修正やフォーマットコマンドの実行を依頼したときに使用します。

Remotionのフォーマットとスタイルチェックが通るまで実行します。ユーザーがフォーマットの修正やフォーマットコマンドの実行を求めた場合に使用します。

gh-stackでスタックされたPRを管理し、複数部分からなる作業をレビュー可能なブランチに分割します。スタックの作成、表示、編集、プッシュ、提出、同期、リベースなどに使用します。

Remotionのホームページのクリエイターストリップ動画をレンダリングまたは置換する際に使用します。特に、両方のプロモページにコピーされた透明なChrome WebMおよびSafari MP4アセットに適しています…

Remotionのホームページ作成者ストリップ動画、特にプロモーションページにコピーされた透明なChrome WebMとSafari MP4アセットをレンダリングまたは置き換える際に使用します。

Apple Silicon macOS上でプライベートRemotion Canvas Capture拡張機能が使用する固定版Chrome for Testingビルドをインストールして検証します。Canvasのセットアップ時に使用します…

エージェントにとって直感的で、Remotion Studioのビジュアルモードで編集可能なRemotionアニメーションを作成するためのベストプラクティス。

正しいRemotionの命名と安全な複数行Markdown処理を使用してGitHub issueを作成または更新する

gh CLIでGitHub Issues 2.0のリレーションシップを管理：親課題、子課題、ブロック元、ブロック先のリンク。

gh CLIを使用してGitHub Issues 2.0の関係（親課題、子課題、ブロック元、ブロック先リンク）を管理します。

プルリクエスト作成を自動化し、フォーマット済みコミットとブランチ管理を行います。メインブランチにいないことを確認し、必要に応じてフィーチャーブランチを作成します。影響を受けるすべてのパッケージに対してOxfmtコードフォーマットを実行してからコミットします。package.jsonのパッケージ名を使用してコミットとPRタイトルをフォーマットします（例：「@remotion/shapes : Add heart shape」）。変更をプッシュした後、gh CLIを使用して自動的にプルリクエストを開きます。

マルチメディア処理をMediabunnyライブラリで行う

Mediabunnyライブラリを使用したマルチメディア処理

Mediabunnyライブラリを使用したマルチメディア処理

Mediabunnyライブラリを使用したマルチメディア処理

Remotionのプルリクエストがマージ可能になるのを待機し、マージコンフリクトを処理し、本物のCI障害とフレークを区別し、フレークチェックを再実行します…

docs Remotion Studioでの開発用に、正しく設定されたプレビューコンポジションを備えた新しいRemotion Elementをスキャフォールドします。

Fix newly added optional parameters, optional React props, and optional type/interface members in Remotion monorepo diffs by converting internal APIs to…

Remotionモノレポの差分において、新しく追加されたオプションパラメータ、オプションのReactプロパティ、オプションの型/インターフェースメンバーを修正し、内部APIを変換します…

@remotion/player のサンプルアプリを起動し、Codexブラウザで開きます。ユーザーが /player-example または $player-example を呼び出したとき、起動を要求したときに使用します。

@remotion/playerのサンプルアプリを起動し、Codexブラウザで開きます。ユーザーが/player-exampleまたは$player-exampleを呼び出したとき、または起動を要求したときに使用します。

Open a pull request for the current feature

現在の機能に対してプルリクエストを開く

PRの正しい命名

Remotionのプルリクエストタイトルをレビューまたは修正する

CIの失敗、マージコンフリクト、またはローカルブランチの変更を解決してPRを準備可能にする

CIの失敗、マージコンフリクト、またはローカルブランチの変更を解決して、PRを準備完了にします

開発したRemotion Elementを仕上げ、ドキュメントギャラリーに追加し、プレビューをレンダリングして、リポジトリのチェックを実行します。

新しいRemotionバージョンをリリースする

Remotionの新バージョンをリリースする

Remotionで動画を作成するためのスキル。

Remotion - Reactでの動画作成のベストプラクティス

すべてのRemotionスキル用のルーター

Best practices for Remotion - Video creation in React

Remotion - Reactでの動画作成のベストプラクティス

Remotionのベストプラクティス

RemotionとReactで動画を構築するためのドメイン固有の知識ベース。アニメーション、オーディオ、アセット、3Dコンテンツ、チャート、テキスト、トランジション、コンポジション管理にわたる30以上のルールファイルをカバー。キャプション、FFmpeg操作、オーディオ可視化、サウンドエフェクト統合に関する専門的なガイダンスを含む。動的メタデータ計算、メディア検査（長さ、寸法、フレーム抽出）、パラメータ化可能なコンポジションのパターンを提供。Lottieなどの高度な機能をサポート。

Remotionでキャプションを扱う

キャプションの文字起こし、表示、アニメーション化

キャプションの文字起こし、表示、アニメーション化

Remotionでキャプションを扱う

Remotionでキャプションを扱う

新しいRemotionビデオを作成する

新しいRemotionビデオを作成する

新しいRemotionビデオを作成する

新しいRemotionビデオを作成する

Remotionのドキュメントを検索する

Remotionのドキュメントを検索

Remotionのドキュメントを検索

Remotionのドキュメントを検索

エージェントにとって直感的で、Remotion Studioのビジュアルモードで編集可能なRemotionアニメーションを作成するためのベストプラクティス。

Remotionマークアップをインタラクティブ性のために構造化する

インタラクティブ性のためのRemotionマークアップを構造化する

エージェントにとって直感的で、Remotion Studioのビジュアルモードで編集可能なRemotionアニメーションを作成するためのベストプラクティス。

Remotionアニメーションを書くためのベストプラクティス。エージェントにとって直感的で、Remotion Studioのビジュアルモードで編集可能な状態を保つためのものです。

Remotionのマップアニメーション知識

Remotion Mapアニメーションの知識

Remotion マップアニメーションの知識

Remotion Map animation knowledge

コンテンツ、アニメーション、エフェクトのベストプラクティス

Remotion React Markupを記述するためのベストプラクティス

Remotion React Markupを記述するためのベストプラクティス

Remotion React Markupを書くためのベストプラクティス

Mediabunnyとの対話

Mediabunnyとの対話

Mediabunnyとの対話

Mediabunnyとの対話

Remotionビデオをエクスポート

Remotionビデオをエクスポートする

動画レンダリングのベストプラクティス

動画レンダリングのベストプラクティス

動画レンダリングのベストプラクティス

Remotionでアプリを構築する

Remotionを使用した動画アプリの構築 - フレームワーク、レンダリング、Playerのアドバイス

Remotionを使用した動画アプリの構築 - フレームワーク、レンダリング、およびPlayerのアドバイス

Remotionを使用した動画アプリの構築 - フレームワーク、レンダリング、Playerのアドバイス

Remotionビデオをプレビューする

Remotionビデオをプレビューする

Remotionビデオをプレビュー

Remotionビデオをプレビューする

Remotionと関連パッケージをアップグレードする

Remotion と関連パッケージをアップグレードする

Remotion および関連パッケージをアップグレードします

Remotionと関連パッケージをアップグレードする

docs Remotion Studioでの開発用に、正しく設定されたプレビューコンポジションを備えた新しいRemotion Elementをスキャフォールドします。

Remotionスキルの配置を文書化します。Remotionスキルを追加、移動、または編集する際に、スキルが内部スキルとして.agents/skillsに属するかどうかを判断するために使用します…

ドキュメントRemotionスキルの配置。Remotionスキルを追加、移動、編集する際に、そのスキルが内部スキルとして.agents/skillsに属するかどうかを判断するために使用します…

packages/exampleからRemotion Studioを起動し、Codexブラウザで開きます。ユーザーが/studioや$studioを呼び出したとき、またはexample Studioの起動を要求したときに使用します。…

packages/exampleからRemotion Studioを起動し、Codexブラウザで開きます。ユーザーが/studioまたは$studioを呼び出したとき、またはサンプルStudioの起動を要求したときに使用します。

Remotion Studioの設定オプションを起動時固定またはリロード可能に分類し、利用者間での混在したライフサイクル動作を防ぎます。使用するケース：…

Remotion StudioのUIバグを、グローバルCSSリセットが原因で発生する場合に診断・修正します。ネストされたテキストやSVGアイコンの色、タイポグラフィ、サイズ、ホバーが正しくない場合に使用します。

Remotion StudioのUI変更に関するガイダンス。グローバルCSSリセットがネストされた要素に影響を与える場合。packages/studio UIの編集時、特にラッパーを追加する際に使用。

Remotion Studioのレンダリングパフォーマンスを最適化し、フレーム反応型のコンポーネント面を最小限に抑え、命令的なタイムライン状態の読み取りを優先し、安定したものをメモ化することで…

開発したRemotion Elementを最終化し、docsギャラリーに追加して、直接メンバー提出または外部レビュー可能な貢献のいずれかを準備します。

Remotion Lambda Chromeバイナリをeu-central-1テストリージョンに公開し、ホストされたレイヤーとChromeバージョンの参照を更新します。Chromeを更新する際に使用します…

Remotion Lambda Chromeバイナリをeu-central-1テストリージョンに公開し、ホストされたレイヤーとChromeバージョン参照を更新します。Chromeの更新時に使用します…

Update the current Remotion branch with the latest canonical main branch. Use when asked to update or sync from upstream main, merge the latest main into a…

Remotion の ffmpeg-next Git リビジョンを公開済みの rust-ffmpeg コミットに更新し、Cargo.lock を更新して、サポートされているすべてのコンポジターバイナリを再ビルドし、…を検証します。

RemotionホームページのGitHubスター数を更新します。表示されているGitHubスター数を更新し、変更をmainにプッシュするよう求められたときに使用します。

RemotionホームページのGitHubスター数を更新します。表示されているGitHubスター数をリフレッシュし、その変更をmainにプッシュするよう求められたときに使用します。

Update `AvailableFrom` in a PR to the next Remotion patch version (`main` + `0.0.1`).

Update `AvailableFrom` in a PR to the next Remotion patch version (`main` + `0.0.1`).

Remotionリポジトリ内のcaniuse-liteオーバーライドをアップグレードします。caniuse-liteを最新のnpmバージョンに更新するよう求められたときに使用します。

Remotionリポジトリ内のcaniuse-liteオーバーライドをアップグレードします。caniuse-liteを最新のnpmバージョンに更新するよう依頼された場合に使用します。

Remotionリポジトリ全体で、Mediabunnyおよび関連する@mediabunnyパッケージをアップグレードします。Mediabunnyを最新バージョンに更新するよう求められたときに使用します。

Remotionリポジトリ全体でMediabunnyおよび関連する@mediabunnyパッケージをアップグレードします。Mediabunnyを最新バージョンに更新するよう依頼された場合に使用します。

大規模なRemotionリポジトリのアセットをremotion.mediaの背後にあるCloudflare R2バケットにアップロードし、ローカルのpublic/アセットをホストされたURLに置き換えます。ファイルが…の場合に使用します。

Remotionリポジトリの大規模なアセットをremotion.mediaのCloudflare R2バケットにアップロードし、ローカルのpublic/アセットをホストされたURLに置き換えます。ファイルが…の場合に使用します。

v4 と v5 のリリースラインがコードを共有している間、Remotion 5 の破壊的変更を実装またはレビューします。v4 の動作と公開型が維持されなければならない場合に使用します。

CodexモニターをVercelのデプロイとプレビューURL用に設定します。ユーザーが/vercelまたは$vercelを呼び出したとき、CodexにVercelの監視やモニターを依頼したときに使用します…

VercelのデプロイとプレビューURL用のCodexモニターを設定します。ユーザーが/vercelまたは$vercelを呼び出したとき、CodexにVercelの監視を依頼したときに使用します…

私たちが作業しているRemotionのバージョン。

私たちが取り組んでいるRemotionのバージョン。

動画に関するレポートを生成する

Generate a report about a video

Remotion Studio Visual Mode、シーケンス識別、ノードパス、シンボル化されたスタック、オーバーライドID、ホットリロード動作に関する作業ガイド。以下の場合に使用：…

Remotion Studioのビジュアルモード、シーケンス識別、ノードパス、シンボル化されたスタック、オーバーライドID、ホットリロード動作に関するガイダンス。以下の場合に使用…

Webレンダラーコンポーネントのビジュアルスナップショットテストをvitestフィクスチャを使用して行います。packages/web-renderer/src/test/fixturesにReactコンポーネント、寸法、フレームレート、再生時間を定義したテストフィクスチャを作成します。packages/web-renderer/src/test/Root.tsxにフィクスチャを登録してプレビュー機能を有効にします。renderStillOnWeb()を使用して静止画をレンダリングし、testImage()によるスナップショット比較で出力を検証するテストケースを作成します。bunx vitest src/test/video.test.tsxでテストを実行し、ドキュメントを更新します。

Add a test case to the web renderer

Remotionドキュメントの作成・編集のためのガイドです。ドキュメントページの追加、packages/docs内のMDXファイルの編集、ドキュメントコンテンツの作成時に使用します。

Remotion APIドキュメントをMDX形式で記述するためのガイドラインとテンプレート。packages/docs/docsにAPIごとに1つの.mdxファイルを作成し、sidebars.tsに追加して、bun render-cards.tsを実行しソーシャルプレビューカードを生成します。APIプロパティには###見出し（箇条書きではなく）を使用し、オプションパラメータには?サフィックスを追加し、デフォルト値を説明文に自然に含めます。twoslash検証を使用した型安全なコードスニペットを推奨し、インポートを隠すために// ---cut---を使用し、常にtitle属性を...に追加します。

Remotionリポジトリにおけるテストの作成とレビューに関するルール。テストの追加、編集、レビュー時、特にStudio UI、レンダリング、CLIなどのテストに関わる際に使用する。