brand について
brandは、ブランドアイデンティティ、トーン、メッセージ、アセット、一貫性を管理するスキルで、ブランドやマーケティング業務向けです。ガイドラインとデザイントークンの同期、アセット検証、色の抽出・比較を行うスクリプトを備えています。
主な機能
- 01ブランドのトーンとメッセージの定義
- 02ビジュアルアイデンティティ基準の管理
- 03ガイドラインとデザイントークンの同期
- 04アセット名と仕様の検証
- 05ブランドカラーの抽出と比較
- 06アセット整理と承認の管理
活用シーン
- 01ブランドガイドラインとトーン基準の作成
- 02コンテンツとビジュアルの一貫性確認
- 03ブランド規則のデザイントークンへの同期
- 04ブランドアセットの整理と検証
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ nextlevelbuilder/ ui-ux-pro-max-skill --skill ckm:brandインストール後、Claude Code で/ckm:brandを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/asset-organization.mdcolor-palette-management.mdlogo-usage-rules.mdconsistency-checklist.mdtypography-specifications.mdmessaging-framework.mdbrand-guideline-template.mdapproval-checklist.mdupdate.mdvoice-framework.mdvisual-identity.mdscripts/inject-brand-context.cjssync-brand-to-tokens.cjsextract-colors.cjsvalidate-asset.cjsscripts/tests/test_sync_brand_to_tokens.pytemplates/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.cjs | brand-guidelines.md → design-tokens.json/css を同期します |
scripts/validate-asset.cjs | アセットの命名、サイズ、形式を検証します |
scripts/extract-colors.cjs | パレットと照合するために色を抽出、比較します |
テンプレート
| テンプレート | 用途 |
|---|---|
templates/brand-guidelines-starter.md | 新しいブランド向けの完全なスターターテンプレート |
ルーティング
$ARGUMENTSからサブコマンドを解析します(最初の単語)- 対応する
references/{subcommand}.mdを読み込みます - 残りの引数を使って実行します
コメント
Markdown 対応