mcpField
V
video-poster-design

video-poster-design

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

video-poster-design について

Video Poster Designは、動画、短編映画、Vlog、キャンペーン向けに映画ポスター風のキービジュアルを制作するスキルです。コンセプト選びと参考素材の活用を案内し、画像生成モデルでポスターを作成します。

主な機能

  1. 01依頼内容に合わせたコンセプト案
  2. 02参考画像によるビジュアルの一貫性
  3. 03アスペクト比とタイポグラフィの指針
  4. 04画像モデルによるポスター生成
  5. 05任意のポスター仕様書
  6. 06作品をposters/に保存

活用シーン

  1. 01短編映画のキービジュアル制作
  2. 02キャンペーンや商品動画のポスター制作
  3. 03キャラクターや絵コンテを参考にしたポスター生成

インストール

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

$npx skills add https://github.com/agentara/skills --skill video-poster-design

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

詳細

動画ポスターのデザイン

このスキルを使って、動画、短編映画、Vlog、TVC、絵コンテ、キャンペーン用の映画ポスター風キービジュアルを作成します。

最終成果物はポスター画像です。必要に応じて、デザインを一貫して再生成できるよう、短いポスター仕様書やプロンプトファイルも作成してください。

画像生成の要件

ポスター画像は画像生成モデルで生成する必要があります。コード、SVG、HTML/CSS、キャンバス、図、プレースホルダーのイラスト、決定論的な図形スクリプトでポスターアートワークを作成しないでください。これらの方法は、モデル生成済みポスターの存在後に行う、視覚的でないファイル操作や任意の後処理に限って使用できます。

デフォルトでは組み込みの image_gen ツールを使用するか、明示的に指定された場合は、承認済みのプロジェクト画像生成ワークフローを使用してください。モデルが生成したラスター画像を posters/{poster-name}.png に保存またはコピーしてください。モデルの出力を直接保存できない場合は、生成済みのラスター素材を探して指定のパスに移動またはコピーしてください。プログラムで再作成しないでください。

デフォルトの動作

ユーザーがアスペクト比を指定していない場合は、3:4 を使用してください。

ユーザーがポスターを依頼しているものの、クリエイティブの方向性を選んでいない場合は、まず 3-5 個のポスターコンセプトを提案し、どれを選ぶか尋ねてください。選択肢は簡潔にし、見た目がはっきり異なるものにしてください。

ユーザーが明確な方向性、タイトル、比率、ストーリーの背景をすでに提示している場合は、すぐに画像を生成してください。

出力先

プロジェクト内のポスターディレクトリを使用してください。

posters/

推奨ファイル名:

posters/{poster-name}.png
posters/{poster-name}.md

小文字とハイフンを使い、ASCII 文字のみの安全な名前にしてください。例:

  • posters/youth-unlimited.png
  • posters/meaning-of-travel-teaser.png
  • posters/campus-energy-key-art.md

ユーザーから明示的に差し替えを依頼されない限り、既存のファイルを上書きしないでください。バリエーションには、-v2、-teaser、-main、-alt-a などのサフィックスを付けてください。

抽出する入力情報

デザインを始める前に、次の情報を確認してください。

  • ポスターのタイトルとサブタイトル。
  • 動画やストーリーの背景。
  • ジャンル:ドラマ、旅行、ロマンス、ドキュメンタリー、コマーシャル、スリラー、青春、スポーツなど。
  • 必要なアスペクト比。デフォルト:3:4。
  • 主人公、製品、場所、または物。
  • キャラクターデザイン画像、または承認済みの参考素材。
  • ビジュアルの連続性を定める絵コンテやシーン画像。
  • ムードと感情的な訴求。
  • 舞台、時代、天候、文化。
  • タイポグラフィの言語:英語、中国語、バイリンガル、テキストなしなど。
  • 必要なコピー:キャッチコピー、クレジット、公開日、ブランドメッセージ、キャンペーンメッセージ。
  • 指定された場合は出力パス。

ユーザーがテキストの言語を指定していない場合は、プロンプトや仕様書にはユーザーの使用言語を使い、ポスターのタイポグラフィはタイトルやキャンペーンの言語に合わせてください。

利用可能なビジュアル参考素材を使用する

ポスター画像を生成する前に、まず現在の会話やコンテキストにある既存のキャラクター画像を確認してください。プロジェクト内で以前に生成されたキャラクター画像も含みます。次に、現在のプロジェクトで characters/ または storyboard/ 以下に対応するキャラクター素材がないか検索してください。関連するキャラクター画像がある場合は、ポスター生成時に参考画像として画像生成モデルに渡す必要があります。

関連する場合は、次の素材をポスター生成の参考として使用してください。

  • characters/*.png のキャラクターデザインシート。
  • ポスターのキャラクターに対応する、characters/ 内のその他の画像ファイル。
  • 承認済みのキャラクター .md 仕様書。
  • storyboard/scene-XX.png の画像。
  • 既存のポスターデザイン案。
  • ユーザーが提供した製品またはブランドの素材。

現在のコンテキストまたは characters/ にキャラクターデザイン画像がある場合は、その画像を画像生成モデルにビジュアル参考として入力し、キャラクターのアイデンティティ、髪型、服装、体の比率、素材の細部をポスターに反映させてください。対応するキャラクター画像がある場合、テキストによる説明だけに頼らないでください。

絵コンテ画像がある場合は、それを使ってシーンの表現、カラーパレット、舞台、ストーリーのムードを保ってください。

クリエイティブディレクションの選択肢

選択肢を提案する際は、具体的にしてください。各選択肢には次の内容を含めてください。

  • コンセプト名。
  • メイン画像の構図。
  • タイポグラフィの方向性。
  • 色とライティング。
  • 物語の感情。
  • 適している理由。

選択肢の形式例:

## Poster Concepts

1. **Blue Hour Arrival**
   - Composition: [specific image]
   - Typography: [title style]
   - Color: [palette]
   - Emotion: [promise]
   - Fit: [why this works]

2. **Object as Portal**
   - Composition: [specific image]
   - Typography: [title style]
   - Color: [palette]
   - Emotion: [promise]
   - Fit: [why this works]

すべての選択肢を、同じ構図のバリエーションにしないでください。ビジュアル表現の方針を変えてください。

  • キャラクターを主役にしたポートレート。
  • 環境を広く見せるポスター。
  • オブジェクトを象徴的に見せるポスター。
  • 動きやアクションを見せるポスター。
  • ミニマルなティーザーポスター。
  • 複数人を組み合わせた構図。
  • グラフィカルな分割や反射を用いたコンセプト。
  • プロダクトを主役にした商業ポスター。

タイポグラフィの原則

ポスターのタイポグラフィは、物語、舞台、ジャンル、背景画像に合ったものにしてください。汎用的なオーバーレイテキストのように感じさせないでください。

文脈に応じて、書体の方向性を選んでください。

  • 青春/キャンパスもの:エネルギッシュでありながらすっきりとした、ややコンデンスなサンセリフ体。自然に感じられる場合に限り、手描きやマーカーのアクセントを加えます。
  • 旅行ドキュメンタリー:エディトリアルなセリフ体、または抑制の効いたヒューマニストサンセリフ体を使い、ゆったりとした字間と控えめな配置にします。
  • ロマンス:雰囲気に応じて、柔らかなセリフ体、手書きのアクセント、または控えめなタイトルロックアップを使います。
  • スポーツ/青春向けTVC:太くコンデンスなサンセリフ体、ダイナミックなイタリック、または動きを感じさせる段組みを使います。
  • スリラー:シャープでコンデンスな書体、高いコントラスト、控えめなタイトル配置にします。
  • SF:技術的な幾何学表現を使いますが、舞台設定に合わない限り、ありきたりなネオンは避けてください。
  • 時代もの:時代を参照しつつ、コスチュームのようにならないタイポグラフィにします。
  • ミニマルなアートハウス作品:文字を最小限に抑え、強いネガティブスペースを活かし、タイトルを慎重に配置します。

タイポグラフィを画像に溶け込ませてください。

  • タイトルの配置を、光、建築物、シルエット、プロダクトの形、動きの方向と連動させます。
  • テキストの読みやすさを保ちます。
  • 根拠のないフォント、架空のクレジット、歪んだ字形、読めない生成テキストは避けてください。
  • 正確なタイポグラフィが重要な場合は、文字を配置するための余白を確保したポスターアートを生成し、その後、決定論的なデザインツールや画像編集を使って文字を追加する方法を検討してください。

ポスター仕様テンプレート

.md仕様書を保存する場合は、次の形式を使ってください。

# [Poster Title]

## Source Context

- Project:
- Poster type:
- Aspect ratio:
- Reference assets:
- Language:

## Selected Concept

- Concept name:
- Core image:
- Story emotion:
- Genre signal:

## Composition

- Foreground:
- Midground:
- Background:
- Character / product placement:
- Negative space:
- Motion direction:

## Typography

- Title:
- Subtitle / tagline:
- Typeface direction:
- Placement:
- Color:
- Integration with image:

## Color & Lighting

- Palette:
- Contrast:
- Time of day:
- Texture / grain:

## Image Generation Prompt

[Complete final prompt.]

## Negative Prompt

- No generic poster template
- No random extra text
- No unreadable typography
- No distorted letters
- No extra logos
- No inconsistent character
- No unwanted face changes
- No AI-smooth skin
- No deformed hands
- No irrelevant props

画像生成プロンプトの構成

最終的なポスター画像には、次の構成を使ってください。

Create a cinematic movie poster, aspect ratio [ratio], for [title/project].

Use the provided reference images if available:
- Match character identity, hairstyle, wardrobe, and material details from the character design sheet.
- Preserve scene mood, color palette, and setting from the storyboard references.

Concept: [selected concept name].
Story: [one-sentence story premise or emotional promise].
Composition: [foreground, midground, background, negative space, camera angle].
Main subject: [character/product/place/object details].
Typography: [title text, language, placement, font direction, texture, integration with image].
Color and lighting: [palette, contrast, time of day, grain, atmosphere].
Style: [commercial key art / arthouse poster / documentary poster / teaser poster / campaign poster].

Make the typography feel designed for this story and setting, not generic. Letterforms should be legible, intentional, and integrated with the background image.

Negative constraints: no random extra text, no fake credits unless requested, no unreadable letters, no distorted title, no extra logos, no inconsistent character, no wrong wardrobe, no AI-looking skin, no deformed hands, no cluttered layout.

ワークフロー

  1. 関連するプロジェクトのコンテキスト(企画書、絵コンテ、キャラクターデザイン、過去のポスター参考資料、ユーザーの依頼内容)を確認します。
  2. 以前にプロジェクト内で生成した画像や、ユーザーが添付した画像など、既存のキャラクター画像を現在の会話/コンテキストから探します。
  3. 現在のプロジェクトのcharacters/フォルダーから該当するキャラクター画像を探します。特にcharacters/*.png、キャラクターシート、ターンアラウンド、承認済みの参考資料を確認します。
  4. いずれかの場所に関連するキャラクター画像がある場合は、ポスター生成時に参考画像として含めてください。キャラクターの一貫性を保つために必須です。
  5. タイトル、比率、物語、ジャンル、メインの被写体、ビジュアルの参考資料、必要なテキストを抽出します。
  6. 比率が指定されていない場合は、3:4に設定します。
  7. クリエイティブディレクションがまだ明確でない場合は、3-5個のコンセプトを提案し、ユーザーに選んでもらいます。
  8. ユーザーが選択した後、必要に応じて簡潔なポスター仕様書を作成します。
  9. 選択したコンセプトと関連する参考資料をすべて使い、画像生成モデル/ツールでポスター画像を生成します。SVG、コードによる描画、Canvas、HTML/CSS、プレースホルダーのアートで代用しないでください。
  10. 画像をposters/{poster-name}.pngに保存します。
  11. 可能であれば、結果を確認します。比率、構図、タイポグラフィ、キャラクターの一貫性、アーティファクトをチェックしてください。
  12. テキストの描画品質が低く、正確なテキストが重要な場合は、状況に応じて決定論的なテキストオーバーレイによる2回目の処理を推奨するか、実施します。
  13. 最終回答には保存先を含め、対応している場合は画像を表示します。

品質チェックリスト

最終確定する前に、以下を確認してください。

  • アスペクト比が指定された比率、またはデフォルトの 3:4 になっていること。
  • ポスターのコンセプトが、ストーリー、ジャンル、背景、舞台設定に合っていること。
  • タイポグラフィの方向性が、物語の世界観に合っていること。
  • タイトルが想定用途に対して十分読みやすいこと。
  • ランダムなテキストや意図しないテキストがないこと。
  • 現在のコンテキストにある既存または生成済みのキャラクター画像を確認したこと。
  • プロジェクトの characters/ フォルダーに該当するキャラクター画像があるか確認したこと。
  • 参照画像が提供されている場合、キャラクターの同一性に一貫性があること。
  • キャラクターの参照画像が提供されている場合、衣装と素材のディテールに一貫性があること。
  • コンテキストまたは characters/ に一致するキャラクター画像がある場合、生成時の参照画像として使用したこと。
  • 構図に明確な視覚的階層があること。
  • ポスターが汎用テンプレートのように見えないこと。
  • ユーザーから別の指定がない限り、出力ファイルが posters/ に保存されていること。

例

ユーザーの依頼:

Make a poster for the 60-second campus sports drink TVC. Youth unlimited, campus style.

方向性が指定されていない場合は、次の案を提案します。

  1. 光に向かって走る — 朝のトラックの光に向かって走る学生の全身像。躍動感のある太字のサンセリフ体タイトル。
  2. 青いボトルのきらめき — 結露にキャンパスが映り込む商品クローズアップ。すっきりとした広告風タイポグラフィ。
  3. 校門からの出発 — 日差しに照らされた木々の間を学生たちが通り抜ける、幅広いキャンパスの校門。影に溶け込むタイトル。
  4. 汗をかいた後の笑顔 — リアルな汗を描いたキャラクターのポートレートと、青と白の配色。若者向けキャンペーンのタイトルロックアップ。

デフォルトの比率:3:4。

コメント