mcpField
U
upload-element-previews

upload-element-previews

github.com/remotion-devクラウド・DevOps68.6k273 回インストール今日更新
リポジトリ

upload-element-previews について

Element のプレビュー素材をアップロードし、メディア URL を更新するスキルです。素材の選択からローカル確認用ファイルの扱いまでを案内します。

主な機能

  1. 01render または submission の素材選択
  2. 02Element プレビューのアップロード
  3. 03画像・メディア URL の差し替え
  4. 04ローカル確認用素材の管理

活用シーン

  1. 01新しくレンダリングしたプレビューの公開
  2. 02コミット済みプレビューのアップロード
  3. 03並行ブランチのプレビュー分離

インストール

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

$npx skills add https://github.com/remotion-dev/remotion --skill upload-element-previews

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

詳細

Element のプレビューをアップロードする

  1. Element のスラッグを特定します。不明確な場合は確認してください。
  2. ソースを選択します。
    • .element-previews にある新しいファイルには render を使用します。
    • static/elements にコミット済みのファイルには submission を使用します。
  3. プレビューをアップロードします。
cd packages/docs
bun run upload-element-preview \
  --element=<category>/<slug> \
  --source=<render|submission>

アップロードごとに新しいランダムな URL サフィックスが使用されます。Element にホスト済みのプレビューがすでにある場合も同様です。これにより、同時進行するブランチのプレビューが互いに独立します。

  1. image、posterUrl、videoUrl を、新しく表示された remotion.media の URL に置き換えます。
  2. submission を使用した場合は、ローカルのレビュー用アセットを削除します。render を使用した場合は、.element-previews をコミットせずに残します。
  3. ブランチに含める作業の場合は、コミットしてプッシュします。

コメント

Markdown 対応