mcpField
S
studio

studio

github.com/remotion-dev開発68.6k489 回インストール今日更新
リポジトリ

studio について

Remotion monorepoを準備し、サンプルStudioを起動して、CLIが示すURLをCodexのアプリ内ブラウザーで開くワークフロー用スキルです。

主な機能

  1. 01依存関係のインストールとmonorepoのビルド
  2. 02bunxによるサンプルStudioの起動
  3. 03CLIが示すStudioのURLを使用
  4. 04Codexのアプリ内ブラウザーでURLを開く

活用シーン

  1. 01開発中にサンプルStudioを起動
  2. 02別のworktreeが既定ポートを使う場合に正しいStudioを開く
  3. 03Studioサーバーが新規起動か稼働中かを報告

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/remotion-dev/remotion --skill studio

インストール後、Claude Code で/studioを入力して読み込まれたか確認します。

同梱ファイルagents/openai.yaml

詳細

Remotion Studio

概要

Remotion モノレポを準備し、サンプルの Studio を起動して、配信された URL を Codex のアプリ内ブラウザーで開きます。

ワークフロー

  1. リポジトリのルートから、次を実行します。
bun i && bun run build
  1. サンプルのパッケージから Studio を起動します。
cd packages/example && bunx remotion studio --no-open

npx ではなく bunx を使用します。必ず --no-open を指定してください。CLI にブラウザーを開かせるのではなく、Codex から表示された URL を明示的に開きます。

  1. Studio の起動前に localhost:3000 を確認しないでください。別のワークツリーがすでにそのポートを使用している可能性があり、先に確認すると別の Studio を開いてしまうことがあります。
  2. サーバープロセスを実行したままにして、出力からローカル URL を確認します。デフォルトは http://localhost:3000 ですが、正しい URL は CLI の出力で確認してください。
  3. CLI が Studio はすでに実行中だと表示した場合は、その CLI の実行時に表示された URL をそのまま使用します。CLI がこのワークツリーの URL を特定してからに限り、curl で確認してください。
  4. Codex のアプリ内ブラウザーで、CLI に表示された URL を自分で開きます。ブラウザーツールがまだ使用できない場合は、tool_search でアプリ内ブラウザー制御ツールを探してから、ローカル URL に移動します。
  5. Studio の URL と、サーバーが新たに起動したものか、すでに実行中のものかをユーザーに伝えます。

コメント

Markdown 対応