使い方ガイドへスキップ
Remotion Create作者 remotion-dev

Remotion Create スキル。

動画の企画書から、適切なプロジェクトとコンポジション構成まで、プレビューを最後に回さずに進めます。

  • 動画
  • React
ソースレビュー · Remotion CreateSKILL.md
タスク 動画 成果物 • 新規作成または再利用した Remotion プロジェクト • 適切な動画設定で登録されたコンポジション • 繰り返しレビューするために起動した Studio プレビュー 始める前に Node.js、Git、パッケージのインストール、Remotion Studio、関連するコンポジション/レイアウトのリファレンス。
編集部による要約 · ソース確認日 2026-10-07 · 生成された例ではありません

01 機能概要

Remotion Create:動画プロジェクトを始める

新しい動画を適切なコンポジションと編集ガイダンスへ振り分ける、安全なスキャフォールドと早期プレビューのワークフローです。

ソースに基づくワークフロー実行ベンチマークではありません

進め方

Remotion Create は、新しい Remotion 動画の最初の段階を担当します。保存先を確認し、必要な場合だけスキャフォールドを行い、プロジェクトが動かせるようになったらすぐに Studio を開きます。既存のプロジェクトは別のスターターで上書きせず、再利用します。

セットアップ後は、動画の構造に応じて作業を振り分けます。編集可能なメディアクリップの連なり、複数シーンのコンポジション、単純な単独シーンでは、必要な制作方法が異なります。このスキルは、タイムラインのコードを書く前にそれらのリファレンスを示し、その後の変更はより広い Remotion のベストプラクティスのガイダンスに委ねます。

期待される成果物

  • 新規作成または再利用した Remotion プロジェクト
  • 適切な動画設定で登録されたコンポジション
  • 繰り返しレビューするために起動した Studio プレビュー
企画書の例を見る

企画書からレビューまで

  1. 01
    保存先を確認する

    既存のプロジェクトや重要なファイルがないか確認します。選んだ場所がすでに使われている場合は、新しいサブフォルダーを使います。

  2. 02
    スキャフォールドとプレビュー

    必要な場合のみ空のスターターを作成して依存関係をインストールし、コンポジションを作る前に Studio を開きます。

  3. 03
    動画の構造を選ぶ

    企画書が、個別に編集できるクリップ、複数のシーン、単一のコンポジションのどれを必要とするかを見極め、対応するリファレンスに従います。

02 利用場面

使う場面

Node.js、Git、パッケージのインストール、Remotion Studio、関連するコンポジション/レイアウトのリファレンス。

向いているケース

  • 最初の Remotion 動画最初のコンポジションだけでなく、プロジェクトのセットアップも含むタスクに役立ちます。
  • 見ながら進める反復Studio プレビューを早く開くことで、エージェントが制作している途中でも視聴者が動画の方向性を調整できます。

確認すべき制限

  • その後の変更すべてには向きませんソースではこれを制作の入り口と位置づけており、その後の編集はより広い Remotion のガイダンスに委ねられます。
  • 自動クリーンアップはありません重要な隠しファイルや既存のリポジトリは、不要なスターターの残骸として扱われません。

用意する入力

  • プロジェクトの場所対象のフォルダーを示し、すでに Remotion プロジェクトが含まれているかどうかを伝えてください。
  • 動画の企画書メッセージ、尺、アスペクト比、シーンやクリップの構成を記述します。
  • 素材映像、音声、画像、および希望するスタイリングフレームワークを用意します。

03 重要な判断

重要な判断

  1. プレビューは早い段階で

    このプロセスでは、クリエイティブな実装が完了する前に、実際に動く動画ワークスペースを提示します。

  2. 構造は編集のニーズに従う

    Studio で個別に編集する必要があるクリップは、別々のノードとして作成します。

04 依頼例

焦点を絞った企画書を試す

以下の企画書の例は未検証です。使用する前に、スキルのセットアップを確認してください。

セットアップを確認する

スキル全体とリンク先のリファレンスを読み込んでください。記載されている create-video コマンドは動画プロジェクトを作成するもので、スキルのインストールコマンドではありません。

アップストリームのソースファイル
https://github.com/remotion-dev/skills/blob/32b241b97f4e0e4ab61fe9a41b05e6e64503f8c5/skills/remotion-create/SKILL.md

Node.js、Git、パッケージのインストール、Remotion Studio、関連するコンポジション/レイアウトのリファレンス。

まず1つの成果物から

スキルを実行する前に、この企画書の範囲、素材、制約を調整してください。

企画書の例
Remotion Create を使って、このワークスペースの新しいサブフォルダーに 20 秒の製品ウォークスルーを開始してください。最初にフォルダーを確認し、既存のファイルは保持します。スキャフォールド後に Studio を開き、提供されたスクリーンショットを使って3つのシーンを計画します。個別に編集できる各クリップは、それぞれ独立した JSX ノードとして作成してください。

結果を確認する

実際の出力を、次の観察可能な基準と照らして確認します。

  • 重要な既存ファイルはそのまま残ります。
  • 本格的なコンポジション作業の前に Studio が開きます。
  • コンポジション設定とシーン構成が企画書と一致します。

OpenDesign は、コーディングエージェント向けのローカルなデザインワークスペースを提供します。このリストは、スキルが同梱されていることや、外部ツール、認証情報、ソフトウェアの依存関係が含まれていることを意味しません。

05 ソースとライセンス

ソースとライセンス

このページは、以下にリンクされた固定リビジョンのソースについて説明しています。アップストリームの動作や要件は変更される場合があります。

ソースの所有者
remotion-dev
リポジトリ
remotion-dev/skills
スキルファイル
skills/remotion-create/SKILL.md
ライセンス
未確認 — 再利用する前にアップストリームの利用条件を確認してください。
確認済みスナップショット
2026-10-07 · 32b241b97f4e
編集部によるソース要約
新しい動画を適切なコンポジションと編集ガイダンスへ振り分ける、安全なスキャフォールドと早期プレビューのワークフローです。

リンク先のソースに基づく OpenDesign のオリジナル要約です。リポジトリのスター数は日付時点の人気の指標であり、スキルの利用状況や品質評価ではありません。

06 開始前の質問

始める前の質問

既存のプロジェクトの中に別のプロジェクトを作成しますか?

手順では、プロジェクトがすでにある場合はスキャフォールドを省略するとされています。

Tailwind は必須ですか?

いいえ。示されているスターターコマンドは空のもので、Tailwind は含まれません。Tailwind が求められた場合は、別のリファレンスで対応します。

Studio で個々のクリップを編集できますか?

作成ガイダンスでは、個別に編集する必要があるクリップには別々の JSX ノードを使うこととされており、タイムラインのさらなるルールは動画編集のリファレンスにあります。

OpenDesign

次のデザイン反復のための余地をつくりましょう。

企画書、素材、デザイン作業をローカルのワークスペースにまとめて管理します。ワークフローに追加する前に、スキル自体のセットアップを確認してください。

アップストリームのソースファイル
https://github.com/remotion-dev/skills/blob/32b241b97f4e0e4ab61fe9a41b05e6e64503f8c5/skills/remotion-create/SKILL.md