mcpField
B
brand-designer

brand-designer

github.com/magnus919デザイン・UI16183 回インストール1 日前に更新
リポジトリ

brand-designer について

brand-designer は、ブランド、マーケティング、デザイン、コンテンツチーム向けのブランドアイデンティティ文書化ツールキットです。テンプレート、検証、文書の編成に加え、ブランドに沿った画像用プロンプトも作成できます。

主な機能

  1. 017 種類のテンプレートでブランド用ディレクトリを作成
  2. 02必須項目と相互参照を検証
  3. 03個別資料またはブランドブックを編成
  4. 04ブランドカード・モックアップ・スウォッチ用プロンプトを作成

活用シーン

  1. 01ブランド戦略とビジュアル基準の文書化
  2. 02ライター向けのトーンやメッセージ指針の作成
  3. 03代理店に引き継ぐブランドブックの準備

インストール

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

$npx skills add https://github.com/magnus919/agent-skills --skill brand-designer

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

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

README.md
evals/
evals.json
references/
artifact-hierarchy.md
brand-card-formats.md
canonical-components.md
gold-standard-analysis.md
image-generation.md
template-schemas.md
scripts/
brand-book
brand-book_test.sh
generate
templates/
application.md
asset-inventory.md
brand-card.md
governance.md
strategy.md
visual-id.md
voice.md

詳細

ブランドデザイナー

ブランドアイデンティティを文書化するための体系的なツールキットです。構造化されたテンプレートを通じてブランド情報を引き出し、完全性を検証して、参照ドキュメントにまとめ、ブランドに準拠した画像を生成します。

クイックスタート

# 1. Scaffold a new brand
brand-book init ./my-brand --name "Acme Corp"

# 2. Fill in the templates (7 markdown files)
#    Start with strategy.md → visual-id.md → voice.md

# 3. Validate your work
brand-book validate ./my-brand/strategy.md --strict

# 4. Compile output
brand-book compile ./my-brand --artifact brand-card    # One-page summary
brand-book compile ./my-brand --artifact full           # Full brand book

# 5. Generate brand image (optional)
generate brand-card --brand-dir ./my-brand --layout landscape

このスキルを使用する場面

トリガー成果物対象者
「プレス関係者やステークホルダー向けのブランドカードが必要です」ブランドカード(画像+概要資料)経営幹部、プレス関係者、パートナー
「ブランド戦略を文書化したいです」戦略メモ経営陣、マーケティング担当者
「ビジュアルアイデンティティのドキュメントが必要です」ビジュアルアイデンティティ仕様書デザイナー、開発者
「ブランドボイスのガイドラインが必要です」ボイス&メッセージング仕様書ライター、コンテンツチーム
「代理店への引き継ぎ用にブランドブック一式が必要です」統合ブランドブック代理店、パートナー
「ブランドアセットをすべて一覧化したいです」アセット一覧全員

ワークフロー

1. 成果物の種類を選ぶ

references/canonical-components.md の判断ツリーでは、ブランドの成熟度に応じた成果物の範囲を示しています。

  • スタートアップ(10人未満)→ ブランドカード+戦略メモ(簡易版)
  • 成長期(10〜50人)→ ビジュアルアイデンティティ仕様書一式+ボイス仕様書
  • 拡大期(50〜200人)→ すべての仕様書+ガバナンスフレームワーク
  • 大企業(200人以上)→ システム一式+アセット一覧+統合ブランドブック
2. テンプレートに記入する

templates/ には7つのテンプレートがあります。まず戦略から始めます(ほかのすべての基礎となります)。次にvisual-id、voice、残りのテンプレートへ進みます。

テンプレート記録する内容依存先
strategy.mdポジショニング、パーソナリティ、ミッション、オーディエンス—
visual-id.mdロゴシステム、カラーパレット、タイポグラフィ、アイコノグラフィ、画像戦略
voice.mdボイス属性、トーンマトリクス、語彙、コピー例戦略
application.mdデジタル、印刷、ソーシャル、共同ブランディングのルールビジュアルアイデンティティ
governance.mdバージョン管理、レビュー頻度、例外—
asset-inventory.md構造化されたファイル一覧その他すべて
brand-card.md簡潔なビジュアル概要(ほかのテンプレートを情報源として作成)戦略、visual-id、voice

記入方法: 各テンプレートの {{placeholders}} をブランド情報に置き換えます。必須フィールドはフロントマターに示されています。任意のフィールドは削除できます。

3. 検証する
brand-book validate ./my-brand/visual-id.md              # Basic checks
brand-book validate ./my-brand/brand-card.md --strict     # Cross-reference checks
brand-book validate ./my-brand/*.md                       # Batch check all

検証では、以下の項目を確認します。

  • 必須フィールドの欠落
  • 不完全なカラー値(RGB、CMYK、Pantone のいずれかが欠落)
  • 相互参照の不整合(brand-card の情報源となる仕様書が存在しない)
4. 統合する
brand-book compile ./my-brand --artifact brand-card                        # One-pager
brand-book compile ./my-brand --artifact full                              # Full book
brand-book compile ./my-brand --artifact full --format html --output book.html  # HTML

--artifact セレクターでは、個別のテンプレートまたは統合版全体を指定できます。分類体系の全容については、references/artifact-hierarchy.md を参照してください。

5. 画像を生成する(任意)
generate brand-card --brand-dir ./my-brand --layout landscape    # Press kit card
generate mockup --brand-dir ./my-brand --type social             # Social media mockup
generate swatch --brand-dir ./my-brand                           # Color palette card
generate moodboard --brand-dir ./my-brand --theme "innovation"  # Mood board
generate logo-bg primary --brand-dir ./my-brand --background dark  # Logo on dark

generate スクリプトは、プロンプトエンジニアリングを重視しています。ブランドデータを読み込み、画像生成バックエンド向けに最適化されたプロンプトを構築します。ロゴを正確に描画するには、プロンプトとともに参照画像を用意すると、最良の結果が得られます。

スクリプトのリファレンス

scripts/brand-book

メイン CLI です。サブコマンド:

コマンド動作
init <dir> [--name]7つのテンプレートを含むブランドディレクトリを作成
compile <dir> [--artifact] [--format] [--output]ブランド成果物を組み立て
validate <file...> [--strict] [--json]フロントマターの完全性を確認
preview <file> [--json]ブランドコンポーネントをターミナルでプレビュー

すべてのサブコマンドで、機械処理向けの出力には --json、プレビューには --dry-run を使用できます。

scripts/generate

ブランドに準拠した画像生成向けのプロンプトを構築します。サブコマンド:

コマンド動作
`brand-card [--layout portraitlandscape]`
`mockup --type stationerysocial
swatchパレット可視化のプロンプト
moodboard [--theme]ムードボードのプロンプト
logo-bg <variant> [--background]ロゴ提示用のプロンプト

参考ファイル

ファイル内容
references/canonical-components.md確定版のコンポーネント階層と成熟度の判定ツリー
references/artifact-hierarchy.md各アーティファクトの利用者、形式、詳細度、関連性
references/gold-standard-analysis.mdCash App、IBM、Netflix、Bang & Olufsen、Klarna の構造分析
references/brand-card-formats.md形式の比較:PDF、オンライン、CLI、Figma、画像
references/template-schemas.md7 種類すべてのテンプレートの YAML フロントマター・スキーマ
references/image-generation.mdブランドに準拠した画像プロンプトのパターンと参照画像の使用方法

アーティファクト階層の概要

Tier 0: Brand Card          → image + one-pager        → stakeholders, press
Tier 1: Strategy Memo       → narrative document       → leadership, marketing
Tier 2: Visual Identity     → structured spec          → designers, developers
Tier 3: Voice & Messaging   → guidelines with examples → writers, content
Tier 4: Application         → channel-by-channel rules → producers, agencies
Tier 5: Governance          → framework document       → brand owners, legal
Tier 6: Asset Inventory     → indexed table            → everyone
       └── Compiled Brand Book (Tiers 0-6 combined)    → agencies, partners

注意点

テンプレートは情報収集ツールであり、最終デザインではありません

テンプレートが作成するのは Markdown ドキュメントであり、デザイン済みの PDF ではありません。内容は構造化され、正確ですが、見た目を整える作業は後処理として行います。美しくデザインされた PDF が必要な場合は、Markdown をエクスポートして InDesign/Figma でレイアウトしてください。

生成画像の色の正確さ

生成画像の色はブランドカラーに「近づける」ものであり、厳密に一致するものではありません。generate swatch コマンドはプロンプトに 16 進数のカラー値を含めますが、画像モデルによる色の解釈は正確ではありません。Pantone に正確な色参照が必要な場合は、生成画像ではなく仕様書に記載された値を使用してください。

参照画像を利用した生成はセットアップに依存します

generate スクリプトは、バックエンドにかかわらずプロンプトを作成します。より良い結果を得るために参照画像(ロゴや既存の素材)を使うには、ComfyUI、img2img に対応したローカルの Stable Diffusion、画像参照を受け付ける API など、画像入力をサポートする生成環境が必要です。参照画像がなくてもプロンプトは機能しますが、使用すると改善されます。

ブランドカードの情報源はほかのテンプレートです

ブランドカードのテンプレートは、戦略、ビジュアル・アイデンティティ、トーンのテンプレートへのリンクを source: フロントマターに記載します。そのため、これらのソーステンプレートがまだ入力されていない場合、コンパイル時にプレースホルダーテキストが表示されることがあります。完全なブランドカードを作成するには、まず戦略とビジュアル・アイデンティティを入力してください。

このスキルが作成するのはドキュメントであり、アートではありません

画像生成機能もありますが、主な出力は構造化されたドキュメントです。つまり、保管庫に保存したり、git でバージョン管理したり、さまざまな形式にコンパイルしたりできる Markdown です。画像は料理そのものではなく、飾り付けです。

関連項目

  • nous-branding — Nous Research ブランド向けの参照画像生成
  • cli-builder — ブランドブック CLI で使用されているパターン
  • references/image-generation.md — プロンプト作成の詳細ガイド

コメント