工藤拓真 ブランド構造設計の型¶
核心定義¶
BRAND = 記憶の箱(MEMORY BOX)
作り手と受け手の間に築かれ、双方の認識に影響を与える「記憶の箱」。その箱には「過去からの関係値」が蓄積し、「未来への期待値」が滲み出る。その箱は、ブランド名を見聞きした時、あるいは特定の状況下で、蓋が開く(想起される)。
BRANDING = 記憶の箱の創造
受け手が五感を通じて知覚する「記憶の箱」を、作り手が意図的に、持続的に育んでいく。その諸活動すべてのこと。
MARKETINGとBRANDINGの関係¶
代表的な経済学が想定する市場の交換は「時間を扱わない」。ブランディング視点で観察すると「時間の影響を考慮する」——過去の関係値が未来の取引行動を変える。
- MARKETINGを広義に捉えれば、BRANDINGはMARKETINGの一部
- MARKETINGを狭義に捉えれば、BRANDINGはマーケ部門に限らず、あらゆる部門において必要な視点
すべてのマーケティング仕事は、誰かの何かの「リブランディング」である。
ブランドの3記述構造¶
BRANDとは何か?の骨格を言語化するための3種の記述。この3要素を指針に生み出す諸活動は、マーケ施策に限らず、すべてブランディングに通じる。
| 記述 | 定義 | 機能 |
|---|---|---|
| 名詞的記述 | ブランド名を指す固有名詞(NAME) | 識別する |
| 動詞的記述 | ブランドが担う提供価値・意義(Brand-Proposition) | 行動を示す |
| 形容詞的記述 | ブランドのらしさ、スタイル(Brand-Personality) | 佇まいを示す |
操作:ブランドを定義するとき、まずこの3記述を各1行で書く。書けなければ、まだブランドが定義されていない。
版木と版画(ブランドコンセプトとマーケティングコンセプト)¶
| 概念 | 比喩 | 性質 | 時間軸 |
|---|---|---|---|
| ブランドコンセプト | 版木 | 変わらない。彫り直すものではない | 長期不変 |
| マーケティングコンセプト | 版画 | 版木から刷る。施策ごとに変えてよい | 短期可変 |
版木(ブランドの本質的な価値・態度・人格)がなければ、版画(個別施策)は何を刷っても一貫性がない。逆に、版木だけあっても版画を刷らなければ誰にも届かない。
操作:新しい施策を考えるとき、「これは版木に彫られているものから刷れるか?」を問う。刷れないなら、施策がブランドから逸脱しているか、版木自体の再設計が必要。
Brand Concept Blueprint(ブランドコンセプト・ブループリント)¶
メモリーボックスの中身を設計するための設計図。生活者の脳裏に抱いてほしい認識・印象をまとめたもの。
NAME:ブランド名
┌─ WHO ──────────────────────────────────────────┐
│ STRATEGIC TARGET(最終形) │
│ 対象とする生活者 ※できるだけ広く設定すべし │
│ > │
│ CORE TARGET(ファースト) │
│ 優先的にリソース投下する生活者 │
│ ※STRATEGICがCOREを含むよう設計すること │
└────────────────────────────────────────────────┘
┌─ WHAT(To DO & To BE)─ ※STPに該当 ───────────┐
│ Brand-Benefit(ToDO) │
│ ブランドが提供する本質的な価値 │
│ │
│ RTB:Benefitを信じるに足る根拠 │
│ │
│ Brand-Personality(ToBE) │
│ ブランドのらしさ。人格、スタイル │
│ │
│ Brand-Symbol │
│ ブランド連想で想起する言葉や記号 │
└────────────────────────────────────────────────┘
┌─ HOW ─ ※4Pに該当 ─────────────────────────────┐
│ 4Pなどのフレームワークで示される具体物 │
│ PRODUCT / CREATIVE / etc. │
└────────────────────────────────────────────────┘
操作:ブランドコンセプトを設計する際、必ずこのブループリントを埋める。WHOを書かずにWHATを書き始めない。WHATを固めずにHOWに入らない(STPと4Pの「混ぜるなキケン」原則)。
ブランディングの射程¶
ブランディングは「オシャレにすること」でも「高級品の話」でもない。関係を問いただす活動のすべてがブランディング。
適用範囲¶
- 『受け手』と『作り手』の関係を再構築し続ける
- 『買い手(ユーザー)』と『売り手(メーカー)』
- 『従業員』と『経営者(インナーブランディング)』
- 『機関投資家』と『経営陣(IRコミュニケーション)』
- 『ぼんやりと世間』と『会社(企業ブランディング)』
アウトプットの範囲¶
全社ブランディング / IR・広報 / 事業開発 / マーケティング全般 / サービス・商品開発 / UI・UX / 大規模広告 / 小規模広告 / 社内イベント・人事施策 / 教育事業 / 政策ロビイング / CXOコーチング ...etc.
広告作りだけではなく、ブランド創りに関わること全般。
2つの分断を乗り越える¶
ブランディングが戦略的に必要とされる背景には、仕事現場の2つの分断がある。
| 分断① | 短期成果(四半期の売上・CTR・KPI) | vs | 長期成果(ミッション・ビジョン・LTV) |
|---|---|---|---|
| 分断② | ロジック(データ・PDCA・再現性) | vs | クリエイティブ(センス・専門家の細分化) |
ブランディングは、この分断を戦略的に乗り越えるための技術。
- 目前の「対症療法」だけでは資源が足りない時代
- 目前を無視した「未来予想図」だけでは飢え死にする時代
- 両方を統合する活動がブランディング
戦略とは何か(ブランド戦略の前提)¶
| LOGIC | CREATIVE |
|---|---|
| "確かに"良い | "なんとなく"良い・好き |
| 問いを解く | 問いを見つける |
| 選択肢を増やす・絞る(MECE) | 選択肢を創る・無意識に選ぶ |
| 一直線に突き進む | 蛇行したり、立ち止まったり |
| 信頼できる(客観) | カッコいい・美しい(主観) |
STRATEGY = 「自分」が抱える切実な「願望」を、CとLを行き来し獲得する「資源」を使い、「他人や社会」を動かすことで、何とか現実化する方法論
「良い戦略」は、プロジェクトの良い始点と良い終点を創る。
戦略ナシが生む7つの不明確¶
①やりたいこと(願望・目的)が不明確 / ②動かしたいターゲットが不明確 / ③理想の未来像が不明確 / ④課題が不明確 / ⑤資源が不明確 / ⑥基本方針が不明確 / ⑦具体策が不明確
ブランディングの型一例¶
普遍不変のブランド曼荼羅 + 時期別ブランドアクション
| 時間軸 | アクション |
|---|---|
| 明日 | **する |
| 半年後 | **する |
| 再来年 | **する |
| 10年後 | **する |
短期だけ or 長期だけを阻止する。リーダーは、チーム全体の水準を上げるべく、自ら手を動かして「パワフル・サンプル」を出す。
ブランド・マーケ使いの根底スキル¶
- 発注力 ≒ オリエン:チーム内外のプロに対して、同じ言語で丁寧に伝える力(→ kudo-briefing参照)
- パワフル・サンプル力:超えるべき最低基準となる具体策を自ら出す力
DESIGN.md出力プロトコル(v1.1 新規)¶
背景(事実)¶
2026年3月、VoltAgent/awesome-design-mdが公開され、2週間で5万スターを獲得。以降DESIGN.mdはAIエージェントが読むデザインシステムの業界標準フォーマットとして急速に普及中(出典)。Google Stitchが公式採用、Claude Code/Cursor/v0/Lovable等すべての主要AIツールが共通フォーマットとして利用。日本版kzhrknt/awesome-design-md-jpは24社(Apple Japan、MUJI、LINE、Rakuten、freee、SmartHR等)をCJKタイポグラフィ対応で公開。
工藤CD戦略的意味(意見)¶
従来のブランド納品物(PDFガイドライン/PPTX)は、クライアントの開発チームやAI活用時に手作業で再入力する工数を強いていた。DESIGN.mdで納品すれば、クライアントがClaude Code/Cursor/Stitchのどれを使っても即座にブランドが適用される。
これは工藤CDの差別化ポイントになる: - 「工藤CDのブランドは、AIエージェントがそのまま読める形式で納品される」という新しい納品基準 - 「ブランディングといえば?」純粋想起TOP10目標に対して、AI時代のブランド納品フォーマットをリードする第一人者の立ち位置を作れる
DESIGN.mdと版木・記憶の箱の対応関係¶
| DESIGN.md 9セクション | 工藤CD内部概念 | 生成プロンプトへの効果 |
|---|---|---|
| 1. Visual Theme & Atmosphere | 版木の"佇まい"/Brand-Personality | ブランドの空気感をAIに伝える |
| 2. Color Palette & Roles | 記憶の箱の色彩記憶 | 色彩の一貫性担保 |
| 3. Typography Rules | 版木の"声"/書体人格 | 和欧混植・CJK対応 |
| 4. Component Stylings | タッチポイントの共通語彙 | UI部品の一貫性 |
| 5. Layout Principles | 情報ヒエラルキー | 構図の規律 |
| 6. Depth & Elevation | 奥行・質感 | 立体感のコード化 |
| 7. Do's and Don'ts | Brand Concept Blueprintの境界線 | AIへの禁則伝達 |
| 8. Responsive Behavior | スケール挙動(B3軸) | 媒体展開の規律 |
| 9. Agent Prompt Guide | ブリーフィング要約 | AIへの起点プロンプト |
→ 版木はDESIGN.mdの"Visual Theme(§1)"と"Do's and Don'ts(§7)"に凝縮。版画は§2-6の具体仕様として可変展開される関係になる。
運用ルール(新規)¶
- ブランド開発案件の納品物には原則DESIGN.mdを含める(新規ブランドの場合)
- リブランディング案件では、まず既存DESIGN.mdを探す(
awesome-design-md-jp・awesome-design-mdに該当ブランドがないか確認) - DESIGN.md作成時は
DESIGN_MD_TEMPLATE.mdのテンプレートを起点に、工藤CDの版木記述を9セクションに配置する - 納品時はDESIGN.mdに加えて、preview.html(色彩・タイポグラフィ視覚化)を同梱推奨
- ただし本丸のゼロイチロゴ・広告グラフィックは別:DESIGN.mdはUI・適用物中心で、ロゴそのものの開発はkudo-design-generation-loopで別途運用
守備範囲の区別(重要)¶
DESIGN.mdは以下をカバーする: - Web/アプリUI:色・タイポ・コンポーネント仕様 - 適用物展開:名刺・封筒・SNSアセットのスタイル規則
DESIGN.mdは以下をカバーしない(別スキル): - ゼロイチロゴ・シンボル開発 → kudo-design-generation-loop - 新聞広告・OOHのコンセプチュアル表現 → kudo-design-generation-loop - パッケージ等の素材別詰め → kudo-design-generation-loop+手作業
テンプレート¶
本SKILL.mdの末尾「付録A」にDESIGN_MD_TEMPLATEの全文をインラインで格納している。新規案件では付録Aの内容をコピーして使用する。claude.ai カスタマイズ>スキルでSKILL.mdを保存すれば、テンプレート本体も同時に同期される(スキルと相棒ファイルの所在分離問題を解消)。
独立ファイル版(外部ツールで編集したいとき用)は DESIGN_MD_TEMPLATE.md として同ディレクトリにも配置。両者は同一内容。
プレビューHTML¶
カラーパレット・タイポグラフィ・コンポーネントの視覚規範として preview.html を kudo-brand-architecture ディレクトリに配置。AIエージェントにDESIGN.mdを渡す際、この preview.html も同時添付すると「言葉の規範」+「視覚の規範」の両輪が揃い、生成精度が上がる。
公開URL:[TODO: GitHub Gist URL が確定したらここに記載 → v1.3 でバンプ]
永続ローカル参照:~/working/claude/claude-reference/04_gist-assets/kudo-brand-architecture/preview.html(クラウド同期済み(~/working/ 経由)・2026-04-24 CLAUDE.md §3 ルールに準拠)
VM内パス:/sessions/<session>/mnt/claude-reference/04_gist-assets/kudo-brand-architecture/preview.html(mount経由、ビューワー動作)
セッション内スクラッチ:/sessions/<session>/mnt/outputs/kudo-brand-architecture/preview.html(Claude作業中のみ、ユーザー提示前に必ずmount配下へコピー)
他スキルとの連携¶
- kudo-marketing-strategy:ブランド構造設計はマーケ4STEPのStep 2(STP)と密接。ブランディング案件では必ず併用
- kudo-writing:3記述構造の言語化、タグライン開発で使用
- kudo-proposal-deck:ブランド戦略をクライアントに提案する際の構成に使用。教育パートのケーススタディ選定にも本スキルの知識が必要
- kudo-briefing:ブランド戦略の発注・オリエンに使用
- kudo-design-mockup:ブランド構造設計(版木)からVI・ロゴ候補を生成した後、実際のタッチポイント(バッグ・名刺・店舗・ボックス等)でフォトリアルに検証。構造の正しさをビジュアルで裏付ける
- kudo-designer-lens-library:ゼロイチロゴ・広告グラフィックのデザイナーレンズ辞書(v0.2以降、旧kudo-design-partnersを吸収)
- kudo-design-generation-loop:ゼロイチロゴ・広告の生成4段階プロトコル。DESIGN.mdが扱わないロゴそのものの開発で併用
禁止事項¶
- ブランディングを「オシャレにすること」と矮小化すること
- Brand Concept Blueprintを埋めずにブランド戦略を語ること
- 版木(不変)と版画(可変)の区別をせずに施策を検討すること
- 事例学習を「受け手」として消費すること(「自分だったらどうするか」の「作り手」脳で取り組む)
- 「ブランディングは短期成果に寄与しない」というクリエイターの言い訳を許容すること
- DESIGN.md納品を省略してPDF・PPTXだけで終えること(AI時代のブランド納品フォーマット差別化を捨てる行為)
付録A: DESIGN_MD_TEMPLATE(インライン格納版)¶
新規案件ではこの付録Aをコピーして DESIGN.md の起点にする。9セクション形式・日本語CJK対応・工藤CDカラー/フォント埋め込み済み。
[ブランド名] DESIGN.md¶
Version: 1.0 Author: 工藤拓真 Last Updated: YYYY-MM-DD Status: Draft / Approved / Production
ブランド概要(工藤CD記述)¶
- 名詞的記述(NAME):[ブランドの固有名詞・由来]
- 動詞的記述(Brand-Proposition):[提供価値・意義]
- 形容詞的記述(Brand-Personality):[佇まい・らしさ]
1. Visual Theme & Atmosphere(視覚テーマ・空気感)¶
Design Philosophy¶
- [例:ミニマリズム/プレミアム/工藝的精度/奥行のある静謐]
Key Attributes¶
- [例:静けさ/品格/信頼/革新]
版木記述(不変)¶
- [このブランドが10年後も変わらず持つべき視覚的佇まい]
Mood Board References¶
- [参照作品・Pinterestボードリンク等]
2. Color Palette & Roles(カラーパレット・役割)¶
Primary Colors¶
| 役割 | Name | HEX | RGB | 使用シーン |
|---|---|---|---|---|
| Primary | [例:Deep Charcoal] | #1F1F1F |
36, 37, 48 |
メインテキスト・背景濃色 |
| Secondary | [例:Soft White] | #FFFFFF |
255, 255, 255 |
背景淡色 |
| Accent 1 | [例:Signal Red] | #BC002D |
238, 59, 83 |
強調・CTAボタン |
| Accent 2 | [例:Ocean Blue] | #003F6B |
0, 161, 223 |
リンク・情報系 |
Semantic Colors¶
- Success:
#2D5A3A - Warning:
#C89932 - Error:
#BC002D - Info:
#003F6B
Interactive States¶
- Hover: opacity 0.85 / brightness 1.05
- Active: opacity 0.7
- Disabled: opacity 0.4 / grayscale 50%
- Focus: 2px outline using
--color-accent-1
Dark Mode¶
- Primary BG:
#161616 - Primary Text:
#C9C5BD - Surface:
rgba(255,255,255,0.04)
3. Typography Rules(タイポグラフィ規則・CJK対応)¶
Font Stacks¶
Display(見出し・大):
Text(本文):
Classical(明朝)※必要時:
Monospace(コード):
Type Scale¶
| Role | Size (desktop) | Weight | Line-height | Letter-spacing | 用途 |
|---|---|---|---|---|---|
| Hero Display | 64-108px | 700 | 1.1 | 0.02em | メインビジュアル |
| H1 | 40-48px | 700 | 1.2 | 0.04em | ページタイトル |
| H2 | 28-32px | 600 | 1.3 | 0.04em | セクション見出し |
| H3 | 20-24px | 600 | 1.4 | 0.04em | 小見出し |
| Body Large | 18px | 400 | 1.7 | 0.05em | リード文 |
| Body | 15-16px | 400 | 1.8 | 0.06em | 本文 |
| Caption | 13px | 400 | 1.6 | 0.08em | 注釈 |
| Micro | 11px | 500 | 1.5 | 0.1em | ラベル |
CJK固有ルール(日本版必須)¶
- Line-height:日本語本文は
1.7-1.8、欧文専用は1.4-1.5 - Letter-spacing:日本語は
0.04-0.1em、欧文は0 - Line-break (word-break):
keep-all+overflow-wrap: break-word - 禁則処理:
line-break: strictまたはauto - 和欧混植:欧文前後に
0.25emの半角スペース自動挿入(CSStext-spacing-trim: trim-start) - OpenType Features:
font-feature-settings: "palt" 1で日本語プロポーショナル
工藤CD版木記述(声の人格)¶
- [例:このブランドは「凛とした声」で語る/「温かい語り」で語る/「無音の存在感」で語る]
4. Component Stylings(コンポーネント仕様)¶
Buttons¶
Primary Button:
- Background: --color-accent-1
- Color: --color-surface
- Padding: 12px 24px
- Border-radius: 4px(角を立たせる/999pxで完全円)
- Font: 600 15px/1 [Display stack]
- Transition: all 150ms ease-out
Secondary Button:
- Background: transparent
- Border: 1px solid --color-primary
- Color: --color-primary
Ghost Button:
- Background: transparent
- Color: --color-primary
- 下線アニメーション: left-to-right on hover
Navigation¶
- Height:
64px(desktop) /56px(mobile) - Background:
rgba(36,37,48,0.92)+backdrop-filter: blur(20px) - Active indicator:
2pxbottom-line using--color-accent-1
Cards¶
- Background:
--color-surface - Border:
1px solid rgba(0,0,0,0.06) - Border-radius:
8px - Shadow:
0 1px 3px rgba(0,0,0,0.04), 0 8px 24px rgba(0,0,0,0.06) - Padding:
24px
Forms¶
- Input:
44pxheight (accessibility),8pxborder-radius - Focus:
2pxoutline using--color-accent-1+outline-offset: 2px - Error: border
--color-error+ inline message
5. Layout Principles(レイアウト原則)¶
Max-widths¶
- Text container:
680px - Content container:
1200px - Full-width hero:
100vw
Grid¶
- Desktop: 12-column,
24pxgutter - Tablet: 8-column,
20pxgutter - Mobile: 4-column,
16pxgutter
Spacing Scale (Tokens)¶
6. Depth & Elevation(奥行・質感)¶
Shadow Levels¶
- Elevation 1:
0 1px 2px rgba(0,0,0,0.04)— micro cards - Elevation 2:
0 4px 12px rgba(0,0,0,0.08)— modals, tooltips - Elevation 3:
0 12px 32px rgba(0,0,0,0.12)— dialogs - Elevation 4:
0 24px 64px rgba(0,0,0,0.16)— critical overlays
Glass Morphism(必要時)¶
background: rgba(255,255,255,0.72)backdrop-filter: blur(24px) saturate(180%)
Focus States¶
box-shadow: 0 0 0 3px rgba(238,59,83,0.2)+outline: 2px solid --color-accent-1
7. Do's and Don'ts(禁則・必則)¶
Do's(版木に沿う)¶
- [例:静けさを保つ/ホワイトスペースを恐れない/タイポグラフィ1種類で統一する]
- [例:色数は4色以下/アクセントは1要素のみ]
- [例:日本語と欧文の視覚重量を均等にする]
Don'ts(版木を壊す)¶
- [例:グラデーション装飾/ネオン色/Y2Kレトロ]
- [例:極太フォント+原色+全面塗り]
- [例:CJK無視の欧文レイアウト転用]
- [例:無意味なアニメーション乱用]
工藤CD版木からの禁則¶
- [このブランド固有の「絶対やってはいけない」リスト]
8. Responsive Behavior(レスポンシブ挙動)¶
Breakpoints¶
| Name | Range | Target |
|---|---|---|
| Mobile | ≤640px | スマートフォン |
| Tablet | 641-1024px | タブレット・小ノート |
| Desktop | 1025-1440px | 標準デスクトップ |
| Wide | ≥1441px | 大型モニター |
Responsive Rules¶
- Font size fluid scaling:
clamp(16px, 1vw + 12px, 20px) - Hero margin:
64px(desktop) →40px(tablet) →24px(mobile) - Nav: horizontal (desktop) → hamburger (mobile)
Touch Targets¶
- Minimum:
44 × 44px(WCAG AA準拠)
9. Agent Prompt Guide(AIエージェント用クイックリファレンス)¶
For Claude Code / Cursor / v0 / Lovable / Stitch¶
You are generating UI for [Brand Name].
CORE PRINCIPLES:
1. Visual Theme: [1行要約]
2. Typography: Use CJK-compatible font stacks (Noto Sans JP). Line-height 1.7-1.8 for Japanese body.
3. Color discipline: Primary = [HEX], Accent = [HEX]. Use accent sparingly (max 1 element per viewport).
4. Layout: Generous whitespace. Max-width 1200px content, 680px text.
5. Interactions: Subtle transitions (150ms ease-out). No bouncy animations.
DO:
- [3-5 bullets from §7 Do's]
DON'T:
- [3-5 bullets from §7 Don'ts]
When uncertain, favor:
- Whitespace over decoration
- Typography over graphics
- Restraint over expression
- Clarity over cleverness
プロンプト投入時のチェック¶
- このDESIGN.mdファイル全体をプロジェクトに添付した
- 上記クイックリファレンスをシステムプロンプトに含めた
- preview.html(別添)を視覚確認用に準備した
- 禁則(§7 Don'ts)を強調した
付録A補遺:preview.html の推奨内容¶
AIが生成したUIの「お手本」として機能するHTMLファイルを同梱する。
- カラーパレットのスウォッチ表示
- タイポグラフィスケールの実例
- ボタン・カード・ナビの主要コンポーネント
- ライト・ダークモード両方
- CJK実際のテキストサンプル
(※本SKILL.md配置ディレクトリの preview.html を参照)
デザイン系(動詞群4)と並走する場合のポート(v1.3新規)¶
本スキルは動詞群1(戦略や企画を考える)の孫。動詞群4(ことば以外をつくる)との並走時、以下のポートで連携する:
下流連携:動詞群4の5孫スキルへ¶
版木・WHO/WHAT/HOWが定まったら、必要なメディアに応じて以下の孫スキルを呼ぶ:
| 呼ぶ先 | いつ | 何を渡すか |
|---|---|---|
| kudo-logo-craft-protocol | ロゴ/VIが必要なとき | 版木・記憶の箱・WHO/WHAT/HOW・DESIGN.md §1 |
| kudo-ad-kv-composition | 広告KV/サイトTVが必要なとき | 同上+キャンペーン目的・主役選定指針 |
| kudo-motion-kv-composition | 動画/TVCMが必要なとき | 同上+尺・情動ピーク設計の核メッセージ |
| kudo-package-design-protocol | パッケージが必要なとき | 同上+棚耐性戦略・カテゴリコード診断 |
| kudo-spatial-experience-design | 空間/店舗/ポップアップが必要なとき | 同上+主目的4択(認知/販売/体験/コミュニティ) |
デザイン系で生まれた学びの逆流(上流戻し)¶
デザイン系孫スキルのCRIT段階で「版木が曖昧」「WHO/WHAT/HOWが翻訳不可能」と判明した場合、必ず本スキルに戻ってDESIGN.md §1を書き直す。デザイン側で無理に押し切らない。
動詞群4親(kudo-design-generation-loop)との関係¶
動詞群4親からは、DESIGN.md §1 Visual Theme & Atmosphere の上流スキルとして本スキルが呼ばれる。逆向きでは、デザイン生成で判明したブランド構造の弱さが、本スキルに戻って版木記述を強化する契機となる。
改訂履歴¶
- v1.3(2026-04-21):動詞群4の5孫スキル体制(logo-craft/ad-kv/motion-kv/package/spatial)と並走するためのポート節を新設。下流連携表(何を渡すか)、デザイン系で判明した弱さを本スキルに戻すループ(上流戻し)を明文化。
- v1.2(2026-04-20 明け方):DESIGN_MD_TEMPLATEを「付録A」としてSKILL.md末尾にインライン格納。claude.ai カスタマイズ>スキルで SKILL.md を保存すれば、テンプレート本体も同時に同期される構造に改修(スキルと相棒ファイルの所在分離問題を解消)。preview.html参照記述も正式追加。
- v1.1(2026-04-19 深夜):DESIGN.md出力プロトコル新設。VoltAgent/awesome-design-md(2026-03-31ローンチ5万スター)とkzhrknt/awesome-design-md-jp(Apple Japan・MUJI・LINE・Rakuten等24社の日本版)の業界標準化を受けて、工藤CDのブランド納品物にDESIGN.md形式を追加。版木・記憶の箱との9セクション対応関係を定義。守備範囲(UI・適用物)とゼロイチロゴ・広告(kudo-design-generation-loop側)の区別を明確化。連携スキル更新(旧kudo-design-partners廃止、kudo-designer-lens-library/kudo-design-generation-loop追加)。
- v1.0(2026-04-16):初版。記憶の箱・版木・Brand Concept Blueprint・3記述構造・WHO/WHAT/HOW・ブランドエクイティピラミッド等、工藤CDのブランド構造設計の型を体系化。