mcpField
V
video-director

video-director

github.com/outscalクリエイティブ・メディア69100 回インストール27 週間前に更新
リポジトリ

video-director について

シーンごとの動画演出 JSON の作成とレビューを支援するスキルです。脚本に合うビジュアル例の選択を案内し、画面や地図のシーンでは指定資料の確認を求めます。

主な機能

  1. 01脚本に基づくビジュアル分類
  2. 02該当するシーン例の参照
  3. 03画面シーンの要件確認
  4. 04地図シーンの要件確認

活用シーン

  1. 01決済プロセス動画のシーン構成
  2. 02スタートアップ解説動画のビジュアル設計
  3. 03シーン演出 JSON のレビュー

インストール

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

$npx skills add https://github.com/outscal/video-generator --skill video-director

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

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

references/
maps.md
ui-mockups.md
references/examples/
cinematic-atmospheric-scenes.md
comparison-scenes.md
data-stats-scenes.md
hook-scenes.md
metaphor-physics-scenes.md
multi-element-layout-scenes.md
narrative-story-scenes.md
object-interaction-scenes.md
process-flow-scenes.md
screen-fill-reveal-scenes.md
simple-statement-scenes.md
text-typography-scenes.md
ui-mockup-scenes.md

詳細

使用するタイミング

シーンごとの動画演出を記述またはレビューする際は、必ずこのスキルを読み込んでください。各シーンに求められる段階的な詳細さ、物理的な比喩、視覚的な豊かさの水準を把握するため、サンプルファイルを参照してください。

使用方法

文脈に沿ったサンプル(スクリプトに応じて0~N件を読む)

まずスクリプトを分析し、シーンで必要となる視覚パターンに合致するカテゴリのサンプルファイルだけを読んでください。ほとんどのスクリプトは2~4カテゴリに該当します。すべてのファイルを読まないでください。

カテゴリスクリプトに次の要素が含まれる場合に読むファイル
フックシーン(シーン0では必須)すべての動画にはフックがありますreferences/examples/hook-scenes.md
UI モックアップアプリ、ウェブサイト、ダッシュボード、スマートフォン画面、チェックアウトフォーム、商品ページ、ゲームのインターフェースreferences/examples/ui-mockup-scenes.md
データと統計グラフ、ゲージ、棒グラフ、折れ線グラフ、軸とラベルのあるデータパネルreferences/examples/data-stats-scenes.md
プロセスとフロー手順に沿ったプロセス、「Xの仕組み」、パイプライン、円形のトラック、ノード間の移動references/examples/process-flow-scenes.md
比較「対」、比較、前後、左右に並べた表示、2つの選択肢の対比references/examples/comparison-scenes.md
比喩と物理現象重さ、重力、軌道、成長、圧力などの物理的な比喩で抽象的な概念を表現する場合references/examples/metaphor-physics-scenes.md
映画的・雰囲気重視の演出劇的な発見、科学現象、自然現象、宇宙現象、大規模な変化references/examples/cinematic-atmospheric-scenes.md
テキストとタイポグラフィテキスト主体のシーン、キネティックタイポグラフィ、単語ごとの表示、編集上の修正references/examples/text-typography-scenes.md
複数要素のレイアウトグリッド、放射状の配置、重なりを避けて空間的に整理する必要がある多数の項目references/examples/multi-element-layout-scenes.md
シンプルなメッセージ短く印象的なテキスト、場面転換、感情を添える一言、大きな数字の表示、エンディングreferences/examples/simple-statement-scenes.md
オブジェクトの相互作用物体の移動、変形、信号の発信、接続、機械的な相互作用references/examples/object-interaction-scenes.md
画面を埋め尽くす演出と表示同一の要素が画面を埋め尽くした後、劇的に剥がす・掃き出す・取り除く効果references/examples/screen-fill-reveal-scenes.md
ナラティブとストーリーシーン内の短い物語――設定、出来事、結果。視覚的な物語の展開references/examples/narrative-story-scenes.md
必須ルールファイル(必要に応じて読む)
  • references/ui-mockups.md -- アプリ画面、ウェブサイト、ダッシュボード、スマートフォン画面、チェックアウト画面、またはゲームのインターフェースを描写するシーンを1つでも記述する前に、必ず読んでください。
  • references/maps.md -- 世界地図、国別地図、地理的な分布、旅行ルート、または場所の強調表示を含むシーンを1つでも記述する前に、必ず読んでください。

台本とカテゴリーのマッチング例

  • 「決済処理の仕組み」 -> プロセスとフロー、UI モックアップ、データと統計
  • 「ほとんどのスタートアップが失敗する理由」 -> 比喩と物理学、シンプルな表現、複数要素のレイアウト
  • 「光の速さを解説」 -> 映画のような雰囲気、比較、比喩と物理学
  • 「2025 年の優れたモバイルアプリのデザイン」 -> UI モックアップ、複数要素のレイアウト、比較
  • 「鉄道が世界を変えた方法」 -> オブジェクトの相互作用、物語とストーリー、プロセスとフロー
  • 「水循環を解説」 -> プロセスとフロー、映画のような雰囲気、画面の塗りつぶしと表示

コメント