brand-design-md

brand-design-md

カタログのスタブ — スキルの完全版：zephyrwang6/brand-design-md

意思決定ツリー

1. スキルの完全版はすでにインストールされていますか？ この場所にあるスキルに、まだ das: ブロックが含まれているか確認します：

   • グローバル：grep -q "^das:" ~/.agents/skills/brand-design-md/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
   • プロジェクト：grep -q "^das:" .agents/skills/brand-design-md/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"
   • das: ブロックがない → スキルの完全版がインストール済みです。これを呼び出して続行します
   • das: ブロックがある → 手順 2 に進みます

2. スコープを検出してから、インストールします：

   スコープを検出するには：

   [ -e ~/.agents/skills/brand-design-md ] && echo "global" || echo "project"
   

   グローバル（-g を付けてインストール）：

   npx skills add zephyrwang6/brand-design-md --skill brand-design-md -g -y
   

   プロジェクト（-g を付けずにインストール）：

   npx skills add zephyrwang6/brand-design-md --skill brand-design-md -y
   

   Claude Code： 会話から離れずに実行するには、どちらかのコマンドの先頭に ! を付けてチャットメッセージとして送信します。

インストール後の呼び出し

• スキル名：brand-design-md
• トリガーフレーズ：「ブランドトークン」「ブランドデザイン」「Stripe のデザインに合わせる」「62 ブランド」「brand-design-md」

機能

実行時に、Stripe、Linear、Apple、Figma、Notion、Vercel、Airbnb、Nike など、ドキュメント化された世界最高水準の 62 ブランドについて、正確なデザイントークン（プライマリカラーとアクセントカラー、フォントのウェイト、文字間隔、角丸、シャドウの値）を取得します。取得したトークンを現在のプロジェクトの CSS 変数または Tailwind 設定に適用し、選択したブランドのビジュアル言語を正確に反映します。手作業で調査することなく、デモ、ピッチ資料、ブランドに合わせたプロトタイプをすばやく作成するのに役立ちます。

使用しない場合

• カスタムのブランドアイデンティティをゼロから開発する場合（このスキルは既存ブランドに合わせるものであり、新しいブランドを作成するものではありません）
• 対象に合うブランドが 62 ブランドの中にない場合（独自のシステムを構築するには design-consultation を使用します）
• ブランドトークンの正確性が法的または契約上の理由で重要な場合（必ず公式のブランドガイドラインでトークンを確認してください）