video-director について
シーンごとの動画演出 JSON の作成とレビューを支援するスキルです。脚本に合うビジュアル例の選択を案内し、画面や地図のシーンでは指定資料の確認を求めます。
主な機能
- 01脚本に基づくビジュアル分類
- 02該当するシーン例の参照
- 03画面シーンの要件確認
- 04地図シーンの要件確認
活用シーン
- 01決済プロセス動画のシーン構成
- 02スタートアップ解説動画のビジュアル設計
- 03シーン演出 JSON のレビュー
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ outscal/ video-generator --skill video-directorインストール後、Claude Code で/video-directorを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/maps.mdui-mockups.mdreferences/examples/cinematic-atmospheric-scenes.mdcomparison-scenes.mddata-stats-scenes.mdhook-scenes.mdmetaphor-physics-scenes.mdmulti-element-layout-scenes.mdnarrative-story-scenes.mdobject-interaction-scenes.mdprocess-flow-scenes.mdscreen-fill-reveal-scenes.mdsimple-statement-scenes.mdtext-typography-scenes.mdui-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 モックアップ、複数要素のレイアウト、比較
- 「鉄道が世界を変えた方法」 -> オブジェクトの相互作用、物語とストーリー、プロセスとフロー
- 「水循環を解説」 -> プロセスとフロー、映画のような雰囲気、画面の塗りつぶしと表示
コメント
Markdown 対応