mcpField
C
ckm-brand

ckm-brand

github.com/nextlevelbuilderマーケティング・グロース142.5k358 回インストール4 日前に更新
リポジトリ

ckm-brand について

ckm-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/nextlevelbuilder/ui-ux-pro-max-skill --skill ckm-brand

インストール後、Claude Code で/ckm-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
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 対応