使い方ガイドへスキップ
motion-design作者 OpenDesign

OpenDesign Motion Design スキル。

動きのブリーフを一続きの映像へ。展開を計画し、注意を導き、編集可能な時間軸を保ちます。公式ヘルパーは OpenDesign ホスト手順内で動き、独立レンダラーではありません。

  • モーション・動画
  • OpenDesign
ソースレビュー · motion-designSKILL.md
タスク 動きのブリーフ、ビートマップ、編集可能な時間軸を整えます。 成果物 • つながる物語の展開 • 編集可能な HTML ソース • 動画依頼にはホスト描画 MP4 始める前に 必要なメディアツールを備えた OpenDesign のホスト環境を使います。
記事用のソース確認 · 2026-11-02 · 実行したデモではありません

01 機能概要

ブリーフ・時間軸・映像をつなぐ

ビートマップ、編集可能な HTML モーション、参照動画の再現、ホストで描画した MP4 納品を担う OpenDesign 公式 skill を紹介します。

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

作業の進め方

OpenDesign の motion-design skill は進行中の作業に動きの制作指針を加えます。ブリーフ、代表フレーム、ビートマップを文字、テンポ、連続性、シーク可能な時間軸とつなげます。無関係なタイトルカードの並びではなく、繰り返す視覚モチーフが全編の考えを運びます。

実際の制作経路はホストが決めます。動画の依頼では OpenDesign のローカル HyperFrames 経路で編集可能な HTML と描画済み MP4 を提供します。ポインター操作と UI の小さな動きは、動画に平坦化せず実行可能な HTML やコードとして残します。測定に基づく参照動画の再現と既存映像の限定修正も扱います。

想定される成果物

  • 時間、伝える内容、焦点物体、変化、音を結ぶビートマップ
  • ホストが制作を許可した場合の編集・シーク可能な HTML モーションソース
  • 利用できるホストレンダラーによる、動画依頼用の MP4
サンプルブリーフを見る

ブリーフからレビューまで

  1. 01
    ブリーフを明確にする

    提供された受け手、素材、文言、尺、用途を使います。12–18 秒と 16:9 は、制約のない短編の出発点としてのみ示されています。

  2. 02
    代表フレームを1枚設計する

    シーンを増やす前に階層、文字、色、焦点物体を決めます。単なる高級・映画的といった呼び名ではなく、主題固有の視覚的発想が必要です。

  3. 03
    展開をつなぐ

    物体やモチーフを意味のある変化で引き継ぎます。登場、読む時間、退場を配分し、遷移時の方向と速度を保ちます。

  4. 04
    ホストを通じて制作する

    動画はホストの雛形とシーク可能な時間軸を使います。MP4 を描画し、代表時点を確認し、編集可能なソースを一緒に残します。

02 利用場面

使いどころ

この公式 OpenDesign ユーティリティは専用ホスト手順向けです。別エージェントに指示を取り込む前に依存を確認してください。

向いているケース

  • 製品・ブランド映像具体的動作で実際の利点を示し、提供画面やロゴの比率を歪めず使います。
  • 動く文字と解説文字を図形として使いながら読める時間を保ちます。ラベル、因果関係、実データ値を維持します。
  • 測定した参照の再現再構築前にホストで尺、フレーム、音を調べ、サムネイルから映像を想像しません。

確認すべき制限

  • 制作にはホストツールが必要このスキルはツールへのアクセス権を付与したり、レンダラーを作成したり、OpenDesign のランタイムを設定したりするものではありません。SKILL.md をダウンロードするだけでは、ホスト環境のメディアコマンドは利用できません。
  • LottieFiles の Skill とは別公開手法を参考にした OpenDesign 独自ヘルパーで、既に掲載されている LottieFiles motion-design とは別物です。
  • 参照サイズ制限確認済み手順は180秒超または200 MB超の参照を拒否します。取得失敗は使用可能なファイルで解決し、映像を推測してはいけません。

用意する入力

  • 具体的なモーション依頼メッセージ、受け手、用途、尺、正確な文言、映像か操作かを指定します。
  • 素材と音の方針権利のある画面、ロゴ、参照動画を提供し、語り、音楽、効果音、意図した無音の要否を示します。
  • 使えるホストプロジェクト必要な媒体能力がある OpenDesign タスクを使います。修正では既存ソースと変更対象を特定します。

03 重要な判断

重要な判断

  1. 再現性のあるシーク

    前後に移動しても状態を維持する必要があります。シードなし乱数や、書き出し時に抑制されるコールバックに依存する表示内容は除外します。

  2. ソースと書き出しで1つの時計

    マスタータイムラインの尺はコンポジションのメタデータと一致させ、実際の秒数どおりに再生する必要があります。タイムラインの尺を変えるだけでは、読むための静止時間を追加したことにはなりません。

  3. 映像には描画物が必要

    HTML プレビュー、待機ジョブ、失敗コマンドは完成 MP4 ではありません。ソースと実描画ファイルをともに保持します。

  4. 小変更は小さく保つ

    見出しや画像1点の変更では、無関係な要素、展開、音を維持します。映像に影響する修正後は MP4 を再描画します。

04 依頼例

目的を絞った依頼文を試す

以下のサンプルブリーフはテストされていません。使用前にスキルのセットアップを確認してください。

ホスト要件を確認

下の参照はソースを開きます。インストールコマンドではありません。対応する OpenDesign ホスト手順を使い、必要なツールがあるか確認してください。

アップストリームのソースファイル
https://github.com/nexu-io/open-design/blob/5a0c47777975ddb91d09c1c16b423a3ef74bf572/skills/motion-design/SKILL.md

別エージェントへファイルを取り込んでも OpenDesign ランタイムや認証済みサービスは付属しません。

現在の作業を説明

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

サンプルブリーフ
現在のプロジェクトで OpenDesign の motion-design ヘルパーを使い、提供ロゴと正確な文言から15秒の製品映像を作ってください。反復するモチーフで、散らばるタスクが1つの集中した動作へまとまる様子を示してください。制作前に展開と読む時間を計画してください。利用可能なホスト手順を使い、編集可能な HTML を保持して MP4 を描画してください。製品主張を創作せず、プレビューを動画の代わりにしないでください。不足素材や使えない描画機能を報告し、確認済みフレームと未検証出力を区別してください。

実結果を確認

実際の出力を、次の観察可能な基準に照らして確認してください。

  • 提供文言と製品主張が正確で、読む時間がある。
  • ソースの尺・比率・時間軸が一致し、前後にシークできる。
  • 動画依頼に編集可能なソースと実 MP4 があり、宣言した音の選択が書き出しと一致する。

OpenDesign ホスト専用ユーティリティです。公開ソースは動作を説明しますが、リポジトリの公開は全配布版クライアントに同一実装がある証明ではありません。

05 ソースとライセンス

ソースとライセンス

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

ソースの所有者
OpenDesign
リポジトリ
nexu-io/open-design
スキルファイル
SKILL.md
確認したスナップショット
2026-11-02 · 5a0c47777975
編集部によるソース要約
固定リポジトリ版の motion-design に関する記事用レビュー。skills ディレクトリは個別ライセンスがない限り Apache-2.0 と宣言しています。このディレクトリには別ライセンスファイルはありませんでした。本掲載では手順を実行していません。

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

06 開始前の質問

始める前の質問

LottieFiles の motion-design と同じですか?

いいえ。OpenDesign の SOURCES.md は LottieFiles を含む公開手法を参考にした独自 skill と記載しています。本ページは OpenDesign 実装と専用ホスト手順を確認します。

ファイルを入れれば別エージェントも MP4 を出せますか?

いいえ。指示であって OpenDesign 媒体ツールやランタイムではありません。完全な制作はホスト能力に依存し、他環境への導入だけでは同等の対応を示しません。

すべての動きの依頼が動画になりますか?

いいえ。動画の依頼ではソースと MP4 が必要ですが、ポインター操作によるインタラクションや UI のマイクロアニメーションは、実行可能な HTML やコードとして残します。計画のみを求める依頼は、制作まで許可するものではありません。

OpenDesign

動きを計画し、ソースを残す。

利用可能な OpenDesign ホスト手順で公式ヘルパーを使ってください。開始前にランタイムとサービスの依存を確認しましょう。

アップストリームのソースファイル
https://github.com/nexu-io/open-design/blob/5a0c47777975ddb91d09c1c16b423a3ef74bf572/skills/motion-design/SKILL.md