mcpField
G
generate-reference-inspired-brand-worlds

generate-reference-inspired-brand-worlds

github.com/mengtoデザイン・UI7.1k1.4k 回インストール3 日前に更新
リポジトリ

generate-reference-inspired-brand-worlds について

参考画像のビジュアル言語を取り入れつつ、ブランドのアイデンティティと特徴的な要素を変える画像制作スキルです。デザイナーや画像生成ワークフロー向けに、画像確認、プロンプト作成、反復、検証を案内します。

主な機能

  1. 01参考画像との類似度設定
  2. 02ビジュアル文法と特徴の分析
  3. 03ブランド差別化マトリクス
  4. 04ブランド別プロンプト構成
  5. 05出力検証とバージョン管理

活用シーン

  1. 01関連性のあるブランド案の展開
  2. 02参考画像に近づけた改訂版の作成
  3. 03生成画像の独自性と可読性の確認

インストール

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

$npx skills add https://github.com/mengto/skills --skill generate-reference-inspired-brand-worlds

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

同梱ファイルagents/openai.yamlreferences/example-prompts.md

詳細

リファレンスに着想を得たブランドの世界を生成する

リファレンスとの意図的な関連性を感じさせつつ、アイデンティティ、意味、題材、特徴的な構図を変えたブランドコンセプトを作成します。利用可能な画像生成ワークフローに、アートディレクションのレイヤーとして適用してください。

正しい手順で始める

  1. プロンプトを作成する前に、提供されたすべての画像を読み込み、確認します。
  2. 各入力画像に明確なラベルを付けます。
    • Image 1: primary visual-language reference
    • 既存の結果を修正する場合は、Image 2: current concept/content anchor
  3. 利用可能な画像生成ツールを使用します。組み込みの imagegen スキルを利用できる場合は、読み込んで、保存、参照、反復、検証に関するルールに従います。
  4. 特定のピクセルを保持するようユーザーから指示がない限り、スタイルリファレンスは編集対象ではなく、ガイダンスとして扱います。
  5. ユーザーが所有し、再配布を明示的に許可している場合を除き、リファレンス画像を再利用可能なスキルアセットに含めないでください。

類似度の目盛りを設定する

ユーザーの表現に基づいて目標を選びます。数値は意図を伝えるものであり、測定可能な類似度スコアではありません。

  • 30% — 遠い着想: 雰囲気、密度、コントラストなどの抽象的な原則だけを引き継ぎます。
  • 50% — はっきりとした影響: 表現媒体と感情的なトーンを共有しつつ、パレット、構図、題材、タイポグラフィの体系を変えます。
  • 70% — 隣接するブランドファミリー: 新しい題材、動作、配置、字形を生み出しながら、リファレンスの構図のロジック、テクスチャ、パレットの関係性、人の存在感、ワードマークのスケールを共有します。「着想元からあまり離れないで」という依頼では、これをデフォルトにします。
  • 85% — アートディレクションが近い隣接案: 高レベルの視覚表現の文法をほぼ維持しつつ、特徴的な要素を少なくとも4つ変えます。既存の商業的なアイデンティティをそのまま再現してはいけません。

ユーザーが「着想を得るだけで、模倣はしない」と伝えている場合は、70〜85%の範囲を指定されていても、独自性を保ちます。

ビジュアルDNAを抽出する

生成前に、短いリストを2つ作成します。

再利用可能な視覚表現の文法

高レベルの関係性をまとめます。

  • シーンの密度と奥行きのレイヤー
  • 正確な色見本ではなく、パレットの関係性
  • 印刷、写真、絵画、織物、網点などの表面表現
  • 照明と感情的な温度感
  • 文字のサイズ、ウェイト、コントラスト、配置のロジック
  • 人の存在感の程度と役割
  • 有機的な形と建築的な形のリズム
保護すべき特徴的な要素

次の要素は再現しないでください。

  • 特定の人物、ポーズ、身振り、服装、振り付け
  • 特定の花壇、物体、シルエット、モチーフの配置
  • 前景から背景への正確なレイアウトや、ネガティブスペースの形
  • 元のブランド名、スローガン、ロゴ、独自のマーク
  • 特徴的なワードマークの字形
  • ピクセル単位で見覚えのある構図

リファレンスに有名な特徴や、際立って独特な特徴が1つある場合は、その特徴を繰り返すのではなく、背後にある原則を抽象化します。

独自のブランドマトリクスを作る

複数ブランドのセットでは、4〜6個の要素を共通項として保ち、ブランドのストーリーに変化をつけます。

共通項には、次のような要素を設定できます。

  • アスペクト比
  • 表現媒体とテクスチャ
  • パレットの関係性
  • ワードマークの色、サイズ、配置
  • シーンの密度
  • 感情的なトーン

各ブランドで、少なくとも次の項目を変えます。

項目要件
名前新しく、正確で、読みやすいこと
意味具体的な製品、使命、または文化的役割があること
環境その意味を表現する世界であること
人間の儀式ありきたりなポーズではなく、独自の行動であること
特徴的なモチーフブランド固有で記憶に残る物体、または自然のシステムが1つあること

セット全体は、アートディレクションの統一されたファミリーとして見えるようにします。5つの色違いにも、互いに無関係な5つのスタイルにもしてはいけません。

ブランドごとに1つのプロンプトを書く

ブランドごとに、異なるブランドごとに1回ずつ画像生成を実行します。1つのプロンプトのバリエーションとして、異なる5つのコンセプトを要求しないでください。

次のプロンプトの基本構成を使います。

Use case: style-transfer
Asset type: 16:9 landscape brand campaign key visual
Primary request: Create an original identity image for "<NAME>" at approximately <DIAL>% similarity to Image 1's high-level visual grammar.
Input images: Image 1 is the primary visual-language reference; Image 2 is the current concept/content anchor when present.
Brand meaning: <specific meaning and promise>
Scene/backdrop: <new world tied to that meaning>
Subject: <new people, action, and brand ritual>
Style/medium: <reference-adjacent medium and tactile surface>
Composition/framing: <shared composition logic with a materially new arrangement>
Color palette: <relationship to the reference, not exact color sampling>
Text (verbatim): "<NAME>"
Typography: <shared scale/placement logic with original letterforms>; render exactly once.
Constraints: preserve the requested similarity range and brand meaning; original scene; no extra text; no watermark.
Avoid: exact source poses, objects, layout, motif arrangement, marks, slogans, and letterforms.

珍しい名前を使う場合は、たとえば M-O-S-S-W-E-F-T のように、プロンプト内で一度つづりを示したうえで、通常のワードマークを正確に1回だけ表示するよう指示します。

コンセプトを失わずに改訂する

ユーザーが、より参考画像に近い V2 を求めた場合:

  1. 元の参考画像を画像 1 として使用します。
  2. 現在のコンセプトを画像 2 として使用します。
  3. 現在の名前と意味を維持します。
  4. 類似度の目標と共通するビジュアル表現だけを変更します。
  5. 維持すべきシグネチャの除外事項をすべて再提示します。
  6. brand-name-v2.png のようなバージョン付きの別ファイルとして保存し、デフォルトでは V1 を上書きしません。

次のような、対象を絞った指示を使用します。

Move this concept from roughly 40% to 70% similarity to Image 1's high-level visual grammar. Keep the exact brand name, meaning, and core subject from Image 2. Increase the reference-adjacent scene density, print texture, palette relationship, theatrical staging, and wordmark scale. Create new poses, motifs, spatial arrangement, and letterforms. Do not reproduce the source composition.

すべての出力を検証する

最終画像をそれぞれ確認し、次の項目をチェックします。

  • ワードマークの綴りが正確で、出現が 1 回のみであること
  • 余分なコピーや意図しないマークがないこと
  • 説明がなくてもブランドの意味が伝わること
  • セット全体で共通するファミリーらしさがあること
  • 指定された類似度の調整が妥当であること
  • 参考画像と異なるシグネチャ要素が 4 つ以上あること
  • 各ブランドが、意味、儀式、環境、モチーフの点で他のバリエーションと異なること
  • アスペクト比が正しく、解像度が実用に足ること
  • ファイルが一意で、非破壊的なバージョン管理になっていること

チェックに 1 つでも失敗した場合は、対象を絞った変更を 1 つ加えて反映し、再確認します。コンセプト自体が間違っていない限り、プロンプト全体を書き直さないでください。

保存して引き渡す

  • 要求された最終アセットはすべて、プロジェクトのワークスペースに保存します。
  • 生成されたオリジナルは画像ツールのデフォルトの保存先に残し、選択したファイルをプロジェクトにコピーします。
  • kintra-movement-collective-v2.png のような、内容が分かるファイル名を使用します。
  • 保存したパス、生成モード、類似度の調整、簡潔なプロンプト一式、検証結果、以前のバージョンを保持したかどうかを報告します。
  • 作業ツリーに未コミットの変更があるリポジトリで作業する場合は、新しいスキルまたは生成アセットだけをステージしてコミットします。

作業例

複数ブランドのセットまたは参考画像により近い V2 を生成する場合は、references/example-prompts.md を参照してください。MOSSWEFT、KINTRA、NIGHTJAR、TIDETURN、EMBERHOUSE のプロンプトパターンが記載されています。

ビジュアル比較に役立つ場合に限り、assets/examples/ を確認してください。これらの画像は、隣接するファミリーとの類似度が 70% の結果を示すものであり、コピーするテンプレートではなく、あくまで例です。

コメント