mcpField
B
brand

brand

github.com/nicohodtマーケティング・グロース1043 回インストール12 週間前に更新
リポジトリ

brand について

brand は、メッセージやビジュアル素材にわたるブランドアイデンティティの策定・管理を支援するスキルです。プロンプトへのブランド情報の挿入、デザイントークンとの同期、素材の検証を行えます。

主な機能

  1. 01ブランドボイスとメッセージの定義
  2. 02プロンプトへのブランド情報の挿入
  3. 03ガイドラインとデザイントークンの同期
  4. 04素材の名称・サイズ・形式の検証
  5. 05ブランドカラーの抽出と比較

活用シーン

  1. 01ブランドコンテンツのトーン指針の策定
  2. 02ブランドガイドラインのデザイントークン化
  3. 03素材の命名規則や形式の確認
  4. 04ブランドパレットとの色の照合

インストール

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

$npx skills add https://github.com/nicohodt/claude-code-ui-ux-skill --skill brand

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

同梱ファイル

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

references/
approval-checklist.md
asset-organization.md
brand-guideline-template.md
color-palette-management.md
consistency-checklist.md
logo-usage-rules.md
messaging-framework.md
typography-specifications.md
update.md
visual-identity.md
voice-framework.md
scripts/
extract-colors.cjs
inject-brand-context.cjs
sync-brand-to-tokens.cjs
validate-asset.cjs
scripts/tests/
test_sync_brand_to_tokens.py
templates/
brand-guidelines-starter.md

詳細

ブランド

ブランドアイデンティティ、ブランドボイス、メッセージング、アセット管理、一貫性のためのフレームワーク。

使用するタイミング

  • ブランドボイスの定義とコンテンツのトーンに関するガイダンス
  • ビジュアルアイデンティティの基準とスタイルガイドの策定
  • メッセージングフレームワークの作成
  • ブランドの一貫性のレビューと監査
  • アセットの整理、命名、承認
  • カラーパレットの管理とタイポグラフィの仕様

クイックスタート

プロンプトにブランドのコンテキストを挿入します：

node scripts/inject-brand-context.cjs
node scripts/inject-brand-context.cjs --json

アセットを検証します：

node scripts/validate-asset.cjs <asset-path>

色を抽出／比較します：

node scripts/extract-colors.cjs --palette
node scripts/extract-colors.cjs <image-path>

ブランド同期ワークフロー

# 1. Edit docs/brand-guidelines.md (or use /brand update)
# 2. Sync to design tokens
node scripts/sync-brand-to-tokens.cjs
# 3. Verify
node scripts/inject-brand-context.cjs --json | head -20

同期されるファイル：

  • docs/brand-guidelines.md → 信頼できる唯一の情報源
  • assets/design-tokens.json → トークン定義
  • assets/design-tokens.css → CSS 変数

サブコマンド

サブコマンド説明リファレンス
updateブランドアイデンティティを更新し、すべてのデザインシステムに同期しますreferences/update.md

リファレンス

トピックファイル
ブランドボイスのフレームワークreferences/voice-framework.md
ビジュアルアイデンティティreferences/visual-identity.md
メッセージングreferences/messaging-framework.md
一貫性references/consistency-checklist.md
ガイドラインのテンプレートreferences/brand-guideline-template.md
アセットの整理references/asset-organization.md
カラー管理references/color-palette-management.md
タイポグラフィreferences/typography-specifications.md
ロゴの使用方法references/logo-usage-rules.md
承認チェックリストreferences/approval-checklist.md

スクリプト

スクリプト用途
scripts/inject-brand-context.cjsプロンプトへの挿入に使うブランドコンテキストを抽出します
scripts/sync-brand-to-tokens.cjsbrand-guidelines.md → design-tokens.json/css を同期します
scripts/validate-asset.cjsアセットの命名、サイズ、形式を検証します
scripts/extract-colors.cjsパレットと照合するために色を抽出、比較します

テンプレート

テンプレート用途
templates/brand-guidelines-starter.md新しいブランド向けの完全なスターターテンプレート

ルーティング

  1. $ARGUMENTS からサブコマンドを解析します（最初の単語）
  2. 対応する references/{subcommand}.md を読み込みます
  3. 残りの引数を使って実行します

コメント

Markdown 対応