mcpField
B
brand-asset

brand-asset

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

brand-asset について

brand-assetは、ロゴ、アイコン、パターン、イラスト、テクスチャなど、ブランド素材のプロンプト仕様を作るスキルです。素材群のスタイル統一を重視し、ラスター画像のロゴやアイコンは本番利用前にベクター化が必要だと示します。

主な機能

  1. 01共通スタイルと配色の仕様
  2. 025種類の素材向けテンプレート
  3. 03素材別の生成ガイダンス
  4. 04バリエーションの確認と品質チェック
  5. 05ブランドガイドへの記載要件

活用シーン

  1. 01ブランドロゴのコンセプト作成
  2. 02統一感のあるアイコンシート作成
  3. 03タイル状のパターンやテクスチャの設計
  4. 04承認素材のブランドガイドへの記録

インストール

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

$npx skills add https://github.com/sanky369/vibe-building-skills --skill brand-asset

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

同梱ファイルreferences/asset-library.md

詳細

ブランドアセット

ブランドがあらゆる場所で再利用するビジュアルアイデンティティ要素 — ロゴのコンセプト、アイコン、パターン、イラスト、テクスチャ — を、ファミリー全体が一人の手でデザインされたように見えるほど鋭いプロンプト仕様として生成します。最重要ルール: 巧妙さよりも一貫性。 ブランドアセットは、単体でどれだけ印象的かではなく、兄弟アセットとどれだけ調和し、リサイズに耐えるかで評価されます。そしてメディアについて正直になりましょう。モデルが出力するのはラスターコンセプトです。本番用のロゴやアイコンには依然としてベクター化が必要です。

使うべき場合 / 使うべきでない場合

ロゴ、アイコンセット、パターン、ブランドイラスト、テクスチャに使用します。以下の場合は代わりに引き継ぎます:

  • ビジュアルの方向性が存在しない → まず skills/creative/creative-strategist。そのブリーフがこのスキルのスタイル、パレット、ムードを提供します。使い捨ての単一アセットの場合は、最小限のスタイルをインラインで導き出し、それを前提として明示します。
  • アセットが製品画像である → skills/creative/product-photography
  • アセットがプラットフォームの投稿/バナーである → skills/creative/social-graphics
  • ブランドに紐づかない一般的な画像である → skills/creative/image-generation
  • ユーザーがアセットタイプ全体に展開する完全なアイデンティティシステムを望んでいる → skills/creative/orchestrator がそれを順序立てます(ストラテジスト → このスキル → 残り)

ヒアリング

不足しているものだけを、一度にまとめて尋ねます:

  1. ブランド — 名前、何をするのか、性格を表す一文。
  2. アセットタイプ — ロゴ、アイコンセット、パターン、イラスト、テクスチャ?(これらは自動化の正確な --asset-type の選択肢でもあります。)
  3. スタイルの基準 — クリエイティブディレクションブリーフ / 合わせるべき既存のロゴ、またはパレットの16進数コード?既存のアイデンティティに加わるアイコン/パターンの場合、それに合わせることは任意ではなく必須です。
  4. 用途 — どこで使われますか(アプリアイコン、ウェブサイト、印刷、グッズ)?これがシンプルさの要件とバリアントの必要性を左右します。
  5. 自動化 — FAL_API_KEY は設定済みですか、それとも仕様の納品のみですか?

尋ねずに推測するもの: アスペクト比(ロゴ/アイコン/パターン → 1:1、ワードマークのロックアップ → 3:2 または 16:9)、解像度 2K(パターン/テクスチャは 4K)。止まらないこと: ブランドとアセットタイプがわかれば、残りは前提として置き、明示して、進めます。

ワークフロー

  1. スタイルラインを確定します。 ボキャブラリーから1つのスタイル(ミニマリスト、ジオメトリック、 オーガニック、イラストレーティブ、アブストラクト)+ 言葉と16進数で表したパレット + ムード — クリエイティブディレクションブリーフが存在する場合はそこから取得します。ファミリー内のすべてのアセット は、同じスタイルラインをそのまま使用します。

  2. テンプレートからプロンプト仕様を作成します — references/asset-library.md を 今すぐ読んでください。ここにはタイプ別テンプレート、スタイルボキャブラリー、カラーの 適用パターン、納品仕様が含まれています。判断ルール:

    • ロゴ → 常に選択肢としてコンセプトを生成します: 4つのバリアント (--num-images 4) または3〜4つの異なる仕様(異なるスタイルの切り口)。決して 1案だけにしません。フラット、無地の背景、フォトリアリズムなし、小さなテキストなし。
    • アイコンセット → ストロークの 太さと角の半径を一定に保つため、セット全体を1回の呼び出しで1枚のシートとして生成します。決して1回の呼び出しにつき1つのアイコンにしません。
    • パターン/テクスチャ → seamless, tileable, edge-to-edge を要求し、 受け入れる前に対象をタイル状に並べてテストします。
    • イラストレーション → 被写体 + 線の太さ + パレットを固定し、2〜3個生成します。
  3. すべての仕様にネガティブ制約を設定します: ウォーターマークなし、グラデーションや ベベルの雑然さなし(スタイルがそれを求める場合を除く)、提供された正確なブランド名以外に 読めるテキストなし、ありがちなストッククリップアートの陳腐さなし。

  4. 生成または納品します。 FAL_API_KEY(または FAL_KEY)が設定されている場合:

    python docs/creative_cli.py brand \
      --asset-type logo --brand-name "TechCorp" \
      --prompt "<full prompt>" \
      --aspect-ratio 1:1 --resolution 2K --num-images 4
    

    assets/brand-assets/<brand-slug>/<asset-type>/ に <type>_<n>_<timestamp>.png として保存されます。キーがない場合 → 仕様と正確なコマンドを納品し、決して 生成が行われたと主張しません。パラメータの信頼できる情報源: skills/creative/image-generation/references/automation.md。

  5. ユーザーが選択し、あなたが検証します。 バリアントを提示し、ユーザーにスロットごとに1つを選んでもらいます(1つを推奨し、一行の理由を添えます)。選ばれたものを品質基準に照らして確認し、 references/asset-library.md の修正用フレーズで外れを修正します — イテレーションは1ラウンドです。

  6. ブランドガイドに記録します。 承認された各アセットをガイドラインのエントリー (以下のフォーマット)に追加し、制作ステップを正直に記載します(例:「出荷前に SVG へトレースする」)。

必須の出力フォーマット

アセットごとに1ブロック:

## Asset Spec — [asset name, e.g. logo-concept-A]
- **Asset type:** logo / icon / pattern / illustration / texture
- **Brand:** [name] · **Usage:** [where it will live]
- **Style:** [one style line, shared across the family]
- **Palette:** [color name #hex, role] ...
- **Composition:** [e.g. centered mark, plain background / 6-icon sheet on grid / edge-to-edge tile]
- **Mood:** [2–3 adjectives]
- **Aspect ratio:** [ratio] · **Resolution:** [1K/2K/4K] · **Format:** png
- **Negative constraints:** [no watermark, no text beyond "<brand>", ...]
- **Prompt (final, paste-ready):**
  > [single flowing prompt]
- **Variants:** [n] — [what varies]
- **File naming:** assets/brand-assets/<brand-slug>/<asset-type>/<type>_<n>_<timestamp>.png
- **Generate with:** `python docs/creative_cli.py brand --asset-type ... --brand-name "..." --prompt "..." --aspect-ratio ... --num-images n`
- **Production note:** [raster concept — trace to SVG / normalize grid / verify tiling]

選択後、承認されたアセットごとに ブランドガイドエントリー を追加します: アセット名、 ファイルパス、必要なカラーバリアント、最小サイズ / クリアスペース(ロゴ)、および使用 ルール — references/asset-library.md のガイドラインのスケルトンを使用します。

品質基準

  • ファミリー内のすべてのアセットが、同じスタイルラインとパレットをそのまま共有している
  • ロゴ: 3つ以上の異なるコンセプトを提示している。1色で機能する。サムネイルサイズでも読み取れる(確認方法を説明し、前提としない)
  • アイコンセット: 1枚のシートとして生成されている。ストロークの太さと角の半径が一貫している
  • パターン/テクスチャ: プロンプトに seamless, tileable が含まれ、かつタイル化が検証されている(または未検証としてフラグが立てられている)
  • すべての色が言葉 + 16進数で示され、ブリーフが存在する場合はそこから取得されている
  • すべての仕様にネガティブ制約がある。提供されたブランド名以外にテキストがレンダリングされていない
  • 成果物がロゴ/アイコンのラスター→ベクターの制作ステップを明記している — PNG が印刷可能なベクターであると決して示唆しない
  • 実際の自動化パラメータのみを使用している(fal-ai/nano-banana-pro。size/steps/guidance のノブは存在しない)

厳守すべき禁止事項: 1つのアセットファミリー内で2つのスタイルを決して混在させない。生成された ロゴを商標クリア済みとして決して提示しない(クリアランス調査を推奨する)。API キーが 存在しない場合に生成結果を決して偽らない。

統合

  • skills/creative/creative-strategist → 上流。クリエイティブディレクションブリーフが スタイルライン、パレット、ムード、禁止事項を提供します。
  • skills/creative/image-generation → 共有自動化。 skills/creative/image-generation/references/automation.md がパラメータの 信頼できる唯一の情報源です。
  • skills/creative/social-graphics および skills/creative/product-photography → 下流。承認済みのロゴやパターンを繰り返し使用する要素として消費します。
  • skills/creative/orchestrator → ブランドアイデンティティおよび リブランドのパス内でこのスキルを順序付けます。引き継がれる成果物は、承認済みアセットセット + ブランド ガイドのエントリです。
  • references/asset-library.md — 完全なテンプレート、スタイル語彙、納品 仕様、ガイドラインのスケルトン、修正用フレーズ。仕様を書く前に読んでください。

コメント