mcpField
C
creative-strategist

creative-strategist

github.com/sanky369デザイン・UI3180 回インストール15 週間前に更新
リポジトリ

creative-strategist について

素材を生成する前にブランドのビジュアル方針を定め、再利用できるプロンプト用スタイルブロックにまとめるスキルです。複数の方向性を比較し、審美プロファイルと一貫性のルールを設定します。

主な機能

  1. 01ブランドと対象者の情報収集
  2. 023つのビジュアル方向の提案
  3. 03配色と審美プロファイルの定義
  4. 04再利用可能なスタイルブロック作成
  5. 05禁止事項と一貫性ルールの設定
  6. 06任意のテスト画像生成

活用シーン

  1. 01複数素材を作る案件の開始
  2. 02ブランド素材のビジュアル統一
  3. 03画像生成プロンプトの指針作成

インストール

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

$npx skills add https://github.com/sanky369/vibe-building-skills --skill creative-strategist

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

詳細

クリエイティブ・ストラテジスト

アセットを生成する前にブランドのビジュアルの方向性を定め、短く再利用可能なスタイルブロックとして記述します。これは、以降のすべての生成プロンプトに貼り付ける、プロンプト用の文言です。基本原則:美しさより一貫性を優先します。 統一されたスタイルのアセットを10点そろえればブランドが築かれますが、異なる10種類のスタイルでどれほど美しいアセットを10点作っても、まとまりのない印象になります。このブリーフを作成するのは、数週間の間を空けて書いた画像プロンプトでも、同じブランドの一員のような画像を生成できるようにするためです。

使用する場合/しない場合

複数のアセットを作成するクリエイティブ案件の開始時、生成したアセットが「同じブランドのものに見えない」とき、またはユーザーが自分の美的感覚を言語化できないときに使用します。次の場合は、別のスキルに引き継いでください。

  • 方向性がすでに定まっている場合(実際のスタイルガイドや以前のブリーフがある場合)→ skills/creative/image-generation または専門スキルに進みます。
  • ユーザーが方向性ではなく、実際のアセットを必要としている場合 → このブリーフの後、skills/creative/orchestrator または該当するアセットスキルに進みます。
  • 質問がビジュアルではなく、プロダクト戦略(「誰のためのものか?」)に関する場合 → まず skills/product-strategy/foundation-sprint を実施します。そこで明らかになった顧客や差別化要因が、このブリーフの材料になります。

ヒアリング

不足している項目だけを、一度にまとめて尋ねます。

  1. ブランドと提供内容 — 製品や会社について、一文で説明すると?
  2. オーディエンス — どのような人にビジュアルを訴求したいですか?
  3. 既存の制約 — すでに使用しているロゴ、色、フォント、参考画像はありますか?(ある場合は、カラーコードやリンクを尋ねます。)
  4. ムードを表す3つの形容詞 — ブランドを見た人に、どのような気持ちになってほしいですか?
  5. 避けたい例 — 嫌いなブランドやスタイルはありますか?

尋ねるのではなく、推測します。業界の慣習(フィンテックは信頼感や清潔感を重視し、D2Cのライフスタイルブランドは温かみや写真らしさを重視する傾向があります)や、文脈から判断できる主な用途(Eコマースのユーザーには、イラストの方向性より商品写真の方向性が重要です)を踏まえます。手を止めないでください。 ブランドとオーディエンスが分かれば、残りの項目は前提として明示し、そのまま進めます。

ワークフロー

  1. 美的な方向性を診断します。 ヒアリング内容をもとに、ブランドを主要なスペクトラム上に位置づけます。写実的 ↔ イラスト的、ミニマル ↔ マキシマル、暖色系 ↔ 寒色系、遊び心がある ↔ 真面目、大衆向け ↔ プレミアム。競合他社がどこに位置するかを確認します。競合に合わせるのは選択肢であって、初期設定ではありません。視覚的なコントラストを意図的に生み出すポイントを1つ挙げます。
  2. 異なる方向性の候補を3つ提案します。 それぞれに名前、雰囲気をひとことで表す説明、3~5色のカラーパレット(HEXコード付き)、照明と構図の基本設定、ターゲット層に合う理由を1文で添えます。それぞれを本当に異なる方向性にします(例:「Warm Editorial」と「Clinical Minimal」と「Bold Flat Illustration」)。同じアイデアの色違いにはしません。ユーザーが1つ選びます。おすすめを提案しても構いません。その場合は理由をひとことで添えます。
  3. 美的プロフィールを確定します。 以下の出力形式にあるすべてのフィールドを埋めます。「柔軟」「場合による」と記載してはいけません。ユーザーが後から覆せる値でも、空欄より適切です。
  4. スタイルブロックを作成します。 プロフィールを、文字どおりのプロンプト文言1~3行にまとめます。例: photorealistic, warm golden-hour lighting, rule-of-thirds composition, warm gold (#C9A227) and cream (#F5EFE0) palette, approachable premium mood, highly detailed, professional photography 商品写真、SNSグラフィック、イラストの3種類のアセットに適用できるか、頭の中でテストします。1種類にしか使えない場合は、表現を一般化し、媒体固有の詳細を媒体ごとの調整に移します。
  5. 禁止事項と一貫性のルールを設定します。 具体的な「絶対にしない」ルールを3~7個(例:「ネオンカラーは使わない」「ストックフォトでよくある握手の表現は使わない」「書体は2種類まで」)と、セカンダリースタイルのバリエーションを使用できる条件を定めます。
  6. (任意)テスト生成で検証します。 FAL_API_KEY が設定されている場合は、最終候補の方向性ごとにプローブ画像を1枚生成し、形容詞ではなく画像を見てユーザーが選べるようにします。 python docs/creative_cli.py custom --category style-tests --name <direction-slug> --prompt "<representative subject>, <style block>" --resolution 1K (自動化の詳細なリファレンス: skills/creative/image-generation/references/automation.md。)

必須の出力形式

以下のブリーフをそのまま提示します(Markdown、簡潔に):

# Creative Direction Brief — [brand]

## Chosen direction: [name] (rejected: [alt 1], [alt 2] — one-line why)

## Aesthetic profile
| Field | Value |
| Primary style | photorealistic / illustrative / minimal / abstract / mixed: ... |
| Color palette | [name #hex] x 3–5, with roles (primary / secondary / accent) |
| Mood | [3 adjectives] |
| Lighting default | [e.g. soft studio, natural golden hour, dramatic rim] |
| Composition default | [e.g. centered + negative space, rule of thirds] |
| Detail level | minimal / moderate / high |
| Audience | [who this must appeal to] |
| Deliberate contrast | [the one way we look different from the category] |

## Style block (paste into every image prompt)
> [1–3 lines of literal prompt language]

## Per-medium adaptations
- Product photography: [what changes — background, lighting]
- Social graphics: [what changes — contrast, text space]
- Brand assets / illustration: [what changes — flatness, line weight]

## Prohibitions
1. Never ...
2. Never ...

## Consistency rule
Every prompt for this brand includes the style block verbatim; deviations are
proposed to the user first, never improvised.

品質基準

  • ユーザーが本当に異なる3つの方向性から1つ選んだ(または、選択を明示的にスキップした)
  • すべてのパレットカラーにHEXコードと役割が記載されている
  • スタイルブロックが文字どおりのプロンプト文言で、貼り付けてすぐ使える。「ブランドカラーを使う」のようなメタ指示がない
  • 媒体ごとの調整により、スタイルブロックが少なくとも3種類のアセットに対応する
  • 禁止事項が具体的で確認可能。「デザインが悪くならないようにする」などの曖昧な表現ではない
  • 「こちらのほうがコンバージョンにつながりやすい」といった、根拠のない市場に関する主張をしていない。好みは好み、経験則は経験則として明示する

厳守事項:TBDのフィールドがあるブリーフを決して提示しない。ユーザーに「3つすべての方向性」を選ばせない。このブリーフを更新せずに、プロジェクトの途中でスタイルを変更しない。

統合

  • skills/product-strategy/foundation-sprint → 上流工程です。ターゲット顧客と差別化要因は、このブリーフのターゲット層と意図的なコントラストに反映します。
  • skills/creative/image-generation → すべてのプロンプト仕様のスタイル/照明/雰囲気フィールドでスタイルブロックを使用します。
  • skills/creative/product-photography、skills/creative/social-graphics、skills/creative/brand-asset → スタイルブロックと、媒体ごとの調整行を使用します。
  • skills/creative/orchestrator → ブリーフがない複数アセットの制作フローでは、このスキルを最初に実行します。ブリーフを後続工程に引き継ぐ成果物とします。

コメント