ブランド
ブランドアイデンティティ、ボイス、メッセージング、アセット管理、および一貫性フレームワーク。
使用タイミング
- ブランドボイスの定義とコンテンツのトーンガイダンス
- ビジュアルアイデンティティ基準とスタイルガイドの開発
- メッセージングフレームワークの作成
- ブランドの一貫性レビューと監査
- アセットの整理、命名、承認
- カラーパレット管理とタイポグラフィ仕様
クイックスタート
ブランドコンテキストをプロンプトに注入:
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. docs/brand-guidelines.md を編集（または /brand update を使用）
# 2. デザイントークンに同期
node scripts/sync-brand-to-tokens.cjs
# 3. 確認
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を読み込む - 残りの引数で実行