social-graphics

ソーシャルグラフィック

メッセージとプラットフォームから、すぐに投稿できるグラフィックを作成します。アセットごとに ソーシャルグラフィックスペック — プラットフォーム、正確なサイズ、レイアウト、オーバーレイコピー、完全な生成プロンプト — を作成し、リポジトリのパイプライン（docs/creative_cli.py、モデル fal-ai/nano-banana-pro）を通じて画像を生成します。支配的な原則:ソーシャルグラフィックは 2 秒未満で読まれる — 1 つのメッセージ、1 つのフォーカルポイント、1 つの CTA。サムネイルサイズの一瞥で要点が伝わらないなら、実寸でどれほど優れて見えても、そのデザインは失敗です。

使うべきとき / 使うべきでないとき

• プラットフォームに縛られた静的ビジュアルに使用します:フィード投稿、ストーリー、ピン、リンクプレビュー画像、告知グラフィック、引用カード、カルーセル。
• ロゴ、アイコン、パターン、ブランドマーク → skills/creative/brand-asset。
• 単体のプロダクトヒーローショット(プラットフォームの枠組みなし、オーバーレイコピーなし)→ skills/creative/product-photography。
• モーションコンテンツ → skills/creative/product-video(プロダクト主導)または skills/creative/talking-head(人物主導)。
• まだブランドスタイルがなく、ユーザーが一貫したルックを求めている → まず skills/creative/creative-strategist を実行します。そのスタイルガイドがこのスキルに引き継がれます。
• ビジュアル言語自体が汎用的に感じられ、独自のアイデンティティが必要 → まず skills/creative/original-design。

ヒアリング

足りないものだけを、簡潔に一度にまとめて尋ねます:

1. メッセージ — この投稿は一言で何を伝えていますか?視聴者に何をしてほしいですか(CTA)?
2. プラットフォームとフォーマット — Instagram フィード/ストーリー/カルーセル、LinkedIn、Twitter/X、TikTok、Pinterest?単一プラットフォームですか、マルチプラットフォームのセットですか?
3. ブランド制約 — skills/creative/creative-strategist のスタイルガイド、ブランドカラー/フォント、使用するプロダクト画像はありますか?
4. トーン — プロフェッショナル、トレンディ、ミニマリスト、遊び心のある?

尋ねずに推測するもの:トーンはプラットフォームから(LinkedIn → プロフェッショナル、TikTok → エネルギッシュ)、カラーはプロジェクト内のブランド素材から。停滞しないこと: 明確なメッセージとプラットフォームがあれば、残りは仮定を明示して進めます。

プラットフォーム仕様(サイズの信頼できる情報源)

プラットフォーム	フォーマット	ピクセル	CLI アスペクト比	デザインの姿勢
Instagram	フィード投稿	1080×1080	1:1	鮮やか、高コントラスト、トレンド感のある美学
Instagram	ストーリー / リールカバー	1080×1920	9:16	全面的な縦型、テキストはセーフゾーン内
Instagram	カルーセル	1080×1350	4:5	カードごとに 1 つのアイデア、カード間の視覚的な連続性
LinkedIn	フィード投稿	1200×627	16:9*	プロフェッショナル、信頼感、価値主導のコピー
LinkedIn	ドキュメントページ	1200×1500	4:5	クリーン、読みやすい、ビジネス画像
Twitter/X	投稿画像	1200×675	16:9	大胆、シンプル、即座の視覚的インパクト
TikTok	サムネイル/グラフィック	1080×1920	9:16	大胆なテキストオーバーレイ、エネルギッシュ、本物らしい雰囲気
Pinterest	標準ピン	1000×1500	2:3	縦型、インスピレーションにあふれる、高品質な画像

*最も近い対応比率。CLI は 21:9, 16:9, 3:2, 4:3, 5:4, 1:1, 4:5, 3:4, 2:3, 9:16 をサポートします — 常に最も近いものを選び、トリミングがあれば明記してください。

ワークフロー

1. プラットフォームとフォーマットを確定する

ユーザーがプラットフォームを指定した場合は、上記の表を使用します。指定がない場合は判断します:B2B/プロフェッショナルなオーディエンス → LinkedIn、コンシューマー/ライフスタイル → Instagram、発見/ハウツー/憧れ → Pinterest、既存のフォロワーへの告知 → フォロワーがいるプラットフォーム(本当に不明な場合のみ尋ねます)。マルチプラットフォームの依頼 → 最も制約の厳しいフォーマット(通常は 1:1 または 9:16)の マスター を先に設計し、その後プラットフォームごとに適応させます。1 枚の画像をすべてに引き伸ばしてはいけません。

2. ビジュアルの前にコピーを書く

• ヘッドライン: 10 語以内、メッセージそのもの、ティーザーではなく。
• 本文(任意): ヘッドラインを補足する短い 2 行以内。
• CTA: 2〜4 語、動作動詞(「今すぐ購入」「ガイドを入手」「プロフィールのリンクから」)。

コピーがこれらの制限に収まらない場合、その投稿は複数のメッセージを抱えています — カルーセルまたは複数の投稿に分割し、その理由をユーザーに伝えてください。

3. レイアウトを設計する

1 つの焦点（製品写真、イラスト、大胆なタイポグラフィ）を選び、最も静かな領域にコピーを配置します。判断ルール：写真主体 → 見出しは上部または下部の 3 分の 1 に、暗くした／ぼかした帯の上に配置。タイポグラフィ主体 → 見出しが焦点そのものとなり、画像は最小限に。カルーセル → すべてのカードで同一のレイアウトグリッドを使用し、変えるのは内容のみ。3 分割法、十分なネガティブスペース、フォントの役割は最大 2〜3 種類（見出し／本文／CTA）。

4. 生成プロンプトを構築する

公式 — すべてのプロンプトは次の 6 つのパートをこの順序ですべて含みます：

[Platform + format] graphic, [subject/focal point], [color palette from brand or chosen],
[composition: focal point + where copy space is reserved], [tone/mood words],
[dimensions], professional design, high contrast, eye-catching

プロンプトには常に「[位置] にテキストオーバーレイ用のクリーンなネガティブスペースを確保する」を明示的に入れてください。nano-banana-pro はテキストを不完全にレンダリングするため、2〜3 語を超えるテキストは生成されたテキストを信用せず、デザインツールで最終コピーをオーバーレイする前提で計画します。

5. 生成する

FAL_API_KEY（または FAL_KEY）が設定されている場合は、リポジトリの CLI を実行します（内部的には docs/fal_api.py、モデルは fal-ai/nano-banana-pro）：

python docs/creative_cli.py social \
  --platform instagram --topic "Product Launch" \
  --prompt "<full prompt>" --aspect-ratio 1:1 --resolution 2K

--platform は instagram|linkedin|twitter|tiktok|pinterest を受け付けます。ユーザーが方向性を比較検討している場合は --num-images 2 を指定して生成します。キーが設定されていない場合は、すぐに実行できるコマンドを添えて仕様を納品します。

6. 品質基準に照らしてセルフチェックし、仕様と画像を納品します。

必須の出力形式

アセットごとに 1 ブロック。マルチプラットフォームのセットはマスターの後に適応ブロックが続きます：

# Social Graphic Spec — [Campaign/Message]

## Asset 1 — [Platform · Format]
- **Dimensions:** 1080×1080 (aspect `1:1`) · **Role:** master | adaptation
- **Message:** [one sentence]

### Copy
- Headline: "..." (≤10 words)
- Body: "..." (≤2 lines, or —)
- CTA: "..."

### Layout
- Focal point: ... · Copy placement: ... · Palette: [colors + source: brand guide / chosen]

### Generation prompt
> [full prompt, all six parts]

`python docs/creative_cli.py social --platform [x] --topic "[x]" --prompt "..." --aspect-ratio [x] --resolution 2K`

### Result
- [generated file path(s), or "pending — FAL_API_KEY not set"]
- Post-gen step: overlay final copy in design tool: [yes/no + what]

## Asset 2 — [Platform · Format]
(same structure; for adaptations, note only what changes from the master)

品質基準（納品前に確認）

• 寸法がプラットフォーム表と完全に一致している。アスペクト比が CLI でサポートされている値である。
• 見出しは 10 語以内。テキスト要素は合計 3 つ以内（見出し、本文、CTA）。1 アセットにつきメッセージは 1 つ。
• コピーの配置が、焦点ではなく確保されたネガティブスペースの上にある。
• テキストと背景のコントラストが明示的に処理されている（帯、影、ぼかしのいずれかをレイアウトで明記）。
• ブランドスタイルガイドが存在する場合は、パレットとトーンがそれに一致している。逸脱はユーザーに報告する。
• プロンプトに予約済みのコピー用スペースを含む、6 つの公式パートがすべて含まれている。
• マルチプラットフォームのセット：フォーマットごとに適応されており、1 つの画像を引き伸ばしたものではない。カルーセルカードは 1 つのグリッドを共有している。
• エンゲージメントの統計を捏造していない。ここにある「ベストプラクティス」のガイダンスはヒューリスティックです。求められた場合はその旨を明示してください。

連携

• skills/creative/creative-strategist → 入力：すべての仕様が従うべきスタイルガイド（パレット、タイポグラフィ、ムード）。
• skills/creative/original-design → 入力：ユーザーが独自のビジュアル世界を求める場合のデザイン言語ブリーフ。すべてのグラフィックはその成果物となります。
• skills/creative/product-photography → 入力：焦点となる画像として再利用する製品写真。
• skills/creative/product-video → 入力：投稿ビジュアルとして再利用するヒーローキーフレーム。消費：なし。
• skills/creative/brand-asset → 入力：配置するロゴ／マーク。消費：なし。
• skills/creative/orchestrator → マルチアセットのキャンペーンを、プラットフォームごとにこのスキルを通してルーティングします。