video-poster-design について
Video Poster Designは、動画、短編映画、Vlog、キャンペーン向けに映画ポスター風のキービジュアルを制作するスキルです。コンセプト選びと参考素材の活用を案内し、画像生成モデルでポスターを作成します。
主な機能
- 01依頼内容に合わせたコンセプト案
- 02参考画像によるビジュアルの一貫性
- 03アスペクト比とタイポグラフィの指針
- 04画像モデルによるポスター生成
- 05任意のポスター仕様書
- 06作品をposters/に保存
活用シーン
- 01短編映画のキービジュアル制作
- 02キャンペーンや商品動画のポスター制作
- 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.pngposters/meaning-of-travel-teaser.pngposters/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.
ワークフロー
- 関連するプロジェクトのコンテキスト(企画書、絵コンテ、キャラクターデザイン、過去のポスター参考資料、ユーザーの依頼内容)を確認します。
- 以前にプロジェクト内で生成した画像や、ユーザーが添付した画像など、既存のキャラクター画像を現在の会話/コンテキストから探します。
- 現在のプロジェクトの
characters/フォルダーから該当するキャラクター画像を探します。特にcharacters/*.png、キャラクターシート、ターンアラウンド、承認済みの参考資料を確認します。 - いずれかの場所に関連するキャラクター画像がある場合は、ポスター生成時に参考画像として含めてください。キャラクターの一貫性を保つために必須です。
- タイトル、比率、物語、ジャンル、メインの被写体、ビジュアルの参考資料、必要なテキストを抽出します。
- 比率が指定されていない場合は、
3:4に設定します。 - クリエイティブディレクションがまだ明確でない場合は、
3-5個のコンセプトを提案し、ユーザーに選んでもらいます。 - ユーザーが選択した後、必要に応じて簡潔なポスター仕様書を作成します。
- 選択したコンセプトと関連する参考資料をすべて使い、画像生成モデル/ツールでポスター画像を生成します。SVG、コードによる描画、Canvas、HTML/CSS、プレースホルダーのアートで代用しないでください。
- 画像を
posters/{poster-name}.pngに保存します。 - 可能であれば、結果を確認します。比率、構図、タイポグラフィ、キャラクターの一貫性、アーティファクトをチェックしてください。
- テキストの描画品質が低く、正確なテキストが重要な場合は、状況に応じて決定論的なテキストオーバーレイによる2回目の処理を推奨するか、実施します。
- 最終回答には保存先を含め、対応している場合は画像を表示します。
品質チェックリスト
最終確定する前に、以下を確認してください。
- アスペクト比が指定された比率、またはデフォルトの
3:4になっていること。 - ポスターのコンセプトが、ストーリー、ジャンル、背景、舞台設定に合っていること。
- タイポグラフィの方向性が、物語の世界観に合っていること。
- タイトルが想定用途に対して十分読みやすいこと。
- ランダムなテキストや意図しないテキストがないこと。
- 現在のコンテキストにある既存または生成済みのキャラクター画像を確認したこと。
- プロジェクトの
characters/フォルダーに該当するキャラクター画像があるか確認したこと。 - 参照画像が提供されている場合、キャラクターの同一性に一貫性があること。
- キャラクターの参照画像が提供されている場合、衣装と素材のディテールに一貫性があること。
- コンテキストまたは
characters/に一致するキャラクター画像がある場合、生成時の参照画像として使用したこと。 - 構図に明確な視覚的階層があること。
- ポスターが汎用テンプレートのように見えないこと。
- ユーザーから別の指定がない限り、出力ファイルが
posters/に保存されていること。
例
ユーザーの依頼:
Make a poster for the 60-second campus sports drink TVC. Youth unlimited, campus style.
方向性が指定されていない場合は、次の案を提案します。
- 光に向かって走る — 朝のトラックの光に向かって走る学生の全身像。躍動感のある太字のサンセリフ体タイトル。
- 青いボトルのきらめき — 結露にキャンパスが映り込む商品クローズアップ。すっきりとした広告風タイポグラフィ。
- 校門からの出発 — 日差しに照らされた木々の間を学生たちが通り抜ける、幅広いキャンパスの校門。影に溶け込むタイトル。
- 汗をかいた後の笑顔 — リアルな汗を描いたキャラクターのポートレートと、青と白の配色。若者向けキャンペーンのタイトルロックアップ。
デフォルトの比率:3:4。