Claude Code のデザイン系スキル整備により、制作実務は既存スキルに委譲可能となった。
一方で、KIWAMI SAUNA は「体験・世界観・ファン化」が売上を左右する業態。
第 7 の AI 部長として、ブランド体験全体を統括する経営機能を設置する。
Claude Code のデザイン系スキル群(slide-create / lp-create / slide-illustrate / kenshu-slides 等)が整備されたことで、制作実務は既存スキルに委譲可能となった。一方で、KIWAMI SAUNA は「体験・世界観・ファン化」が売上を左右する業態であり、ブランド体験全体を統括する経営機能が 6 部長体制に不在。
sauna-bucho-brand)を新設し、sauna-tencho)の統括対象に組み込む。
| 観点 | デザイン部長 | ブランド部長 |
|---|---|---|
| 既存部長との命名抽象度整合(経営機能単位) | ✕ | ◎ |
| KIWAMI SAUNA の業態特性との整合 | △ | ◎ |
| 文章面(トーン&マナー)の所掌 | ✕ | ◎ |
| 評判モニタリング(語られ方)の所掌 | ✕ | ◎ |
| 制作実務の重複リスク | 高 | 低 |
| 既存フォルダ構造(04_ブランド/)との整合 | △ | ◎ |
「語られ方」の一貫性を、ビジュアル・言語・体験のすべてで担保する経営機能。
| # | 領域 | 具体的対象 |
|---|---|---|
| 1 | ブランド資産管理 | ロゴ / カラーパレット / フォント / 写真トーン / MVV |
| 2 | 言語面のトーン&マナー | SNS 文体 / 接客言葉遣い / マニュアル文言 / 提案資料の語り口 |
| 3 | ビジュアル面の品質管理 | 店舗 POP / グッズデザイン / サイン / メニュー表 |
| 4 | デジタル接点の UI 一貫性 | LIFF / manual-site / Mini App / LP |
| 5 | ブランド体験の整合性 | 店舗・SNS・LINE・グッズ間の世界観統一 |
| 6 | 認知 / 評判モニタリング | 口コミに現れる「語られ方」・MVV 浸透度 |
| 隣接部長 | 相手の所掌 | ブランド部長の所掌 |
|---|---|---|
| 営業部長 | 集客 ROI / 口コミ評価点数 / キャンペーン実行 | 口コミの語り口 / ファン化度 / キャンペーンの世界観 |
| 運営部長 | グッズの在庫・発注・売上 | グッズの世界観・パッケージ |
| 人事部長 | スタッフの勤怠・評価 | スタッフの接客トーン(マニュアル文言レベル) |
| 施設部長 | 設備の保守・点検 | 店舗空間のブランド表現(内装 / サイン) |
| 品質部長 | 法令・衛生 | 表示物の視認性・アクセシビリティ |
| AI 店長 | 全部門統括 | ブランド部長を統括対象に追加 |
sauna-bucho-brand
| 機能 | トリガー例 | アウトプット |
|---|---|---|
| ブランド健康診断(月次) | /sauna-bucho-brand | 逸脱件数・準拠率・改善優先順位 |
| 制作物レビュー | 「この POP 確認して」 | 逸脱箇所指摘 + 改善案 |
| トーン&マナーチェック | 「この SNS 投稿見て」 | 文体・用語のブランド適合度判定 |
| カラー / フォント提案 | 「新商品 POP の案出して」 | ガイドライン準拠の 3 案生成 → 既存スキルに委譲 |
| UI 一貫性チェック | 「manual-site と LIFF の見た目差分」 | 差異一覧 + 統一提案 |
| 評判モニタリング | 「口コミの語られ方分析して」 | 頻出ワードのブランド整合性評価 |
| 既存スキル | 用途 |
|---|---|
slide-create / slide-v2 | 提案資料・社内資料の生成 |
slide-illustrate | スライドへの図解自動挿入 |
lp-create / lp-backlog-style | キャンペーン LP・サービス紹介 |
kenshu-slides | 研修資料の品質担保 |
article | 長文コンテンツの構成レビュー |
sauna-review | 口コミデータ取得(評判モニタリング用) |
| パス | 内容 |
|---|---|
01_データ/master/ブランドガイドライン.csv | カラーコード・フォント・ロゴ使用ルール・NG 事項 |
01_データ/master/ブランド資産台帳.csv | 04_ブランド/配下のメタデータ(用途・最終更新日・使用可否) |
01_データ/master/制作物履歴.csv | 発行済 POP・SNS 投稿・提案資料の台帳 |
01_データ/daily/ブランドレビュー記録.csv | 部長が指摘した逸脱・改善事項のログ |
| パス | 内容 |
|---|---|
| 04_ブランド/ | ロゴ・写真・グッズ素材 |
| 02_業務マニュアル/共通/ブランド/ | 現状 Instagram ストーリーズ運用マニュアル 1 本のみ(要増強) |
| 05_企画・提案/ | 既存クリエイティブのサンプル |
| 01_データ/daily/報告/口コミ管理.csv | 評判モニタリング用(営業部長とシェア) |
| 70_店舗経営OS/staff-line-liff/ | デジタル接点のコード(UI 一貫性チェック用) |
| 70_店舗経営OS/manual-site/ | 同上 |
最低限、以下を明文化する必要がある(4/21 打ち合わせでヒアリング):
sauna-tencho の統括対象を 6 部長 → 7 部長に拡張段階的に立ち上げる。4/21 で経営者にどこまで目指すか確認。
sauna-bucho-brand スキル実装(Lv.1 → Lv.2)sauna-tencho への組み込み| リスク | 対策 |
|---|---|
| ブランドガイドライン明文化が進まず Lv.1 で停滞 | 4/21 で最低限の世界観キーワードだけでも固める |
| 既存スキル(slide-create 等)との責務重複 | 部長は「判断」、スキルは「制作」と明確に分離 |
| 評判モニタリングが口コミデータ不足で機能しない | 営業部長の口コミ実データ取込と連動させる |
| MVV・トーン&マナーが暗黙知のまま運用開始 | Lv.1 でヒアリング記録を残し、段階的にガイドライン化 |
オンボーディング時に以下を取り込んでデザインシステムを自動構築する:
| 入力形式 | 取り込み内容 |
|---|---|
| GitHub リポジトリ URL | コード内の色定数・スタイル・コンポーネント |
| ローカルコードファイル | CSS / Tailwind / design token ファイル |
| Figma ファイル | アートボード・カラースタイル・コンポーネント |
| フォント・ロゴ・アセット入りフォルダ | フォント本体・SVG・PNG |
| Web キャプチャ | ブランド公式サイトから要素を直接抽出 |
| テキスト注記 | トーン&マナー・使用ルールを文章で追加 |
| DOCX / PPTX / XLSX | 既存資料から一貫性のあるスタイル抽出 |
| KIWAMI 側の素材 | Claude Design への入力経路 |
|---|---|
| 04_ブランド/KIWAMI SAUNA_logo/ | フォルダアップロード |
| 04_ブランド/店舗写真/ | フォルダアップロード |
| 70_店舗経営OS/staff-line-liff/ の CSS | GitHub 連携 or ファイル |
| 70_店舗経営OS/manual-site/ | GitHub 連携 |
| KIWAMI 公式サイト(存在すれば) | Web キャプチャ |
| 既存の提案書 PPTX | ファイルアップロード |
| 種別 | KIWAMI での用途例 |
|---|---|
| プロトタイプ | 新サービス画面・LIFF 改修案 |
| ワイヤーフレーム・モックアップ | Mini App UI 改修案 |
| ピッチデック | 投資家・パートナー向け提案 |
| マーケティング資材 | 名刺・フライヤー・店舗 POP |
| ソーシャルメディアアセット | Instagram 投稿・ストーリーズ |
| 印刷対応 PDF | CMYK / 300DPI / ブリード込み(印刷所入稿可) |
| エクスポート形式 | Canva / PPTX / PDF / スタンドアロン HTML |
brand-guidelines スキル(Claude Code 側)Claude.ai 側の Claude Design とは別に、Claude Code のスキルとして brand-guidelines が公開されている(Anthropic公式)。カラー hex 値・フォント(Poppins / Lora 等)・スペーシングを保持し、python-pptx 経由で PPTX 生成時に自動適用される。
kiwami-brand-guidelines スキルを Claude Code 上で自作することが、最も実効性の高い実装パス。(§16 参照)
| 経路 | 向いているタスク |
|---|---|
| A: Claude Design(Claude.ai 側) | 視覚重視の一点物(ピッチデック・POP・SNS画像)/非エンジニアが編集する可能性があるもの |
| B: Claude Code(ターミナル側) | 大量生成/自動化/履歴管理が必要なもの/HTML で共有する提案書・LP |
| # | 役割 | 具体内容 |
|---|---|---|
| 1 | Claude Design オンボード素材の整備 | GitHub / Figma / ロゴ / フォント を最新状態に保つ |
| 2 | kiwami-brand-guidelines スキル運用 | Claude Code 側の Single Source of Truth |
| 3 | 両経路の成果物の品質ゲート | Claude Design 出力も Code 出力も同一基準でレビュー |
| 4 | Web キャプチャ対象の選定 | 公式サイト・SNS・外部掲載ページの優先順位管理 |
| 5 | マルチブランドの境界管理 | 本店 / 大須 / サウナ祭 / グッズ事業の使い分け |
| 6 | Claude Design 設定のバックアップ | UIで構築したシステムを構造化データとして保全 |
【Single Source of Truth】
07_設定/brand-system/
├ brand-system.json ← 構造化データ
├ colors.txt ← hex 値リスト(Claude Design 入力用)
├ fonts/ ← フォント本体
├ logos/ ← SVG / PNG
├ patterns/ ← 背景パターン
└ reference-sites.txt ← Web キャプチャ対象 URL
↓ 同じデータが 2 つの経路に供給される ↓
[経路A: Claude Design] [経路B: Claude Code]
• オンボード時にフォルダ投入 • kiwami-brand-guidelines 参照
• Web キャプチャでサイト連携 • slide-create 等が自動適用
~/.claude/skills/kiwami-brand-guidelines/
├── SKILL.md # スキル本体(ガイドライン文書兼ねる)
├── brand-system.json # 構造化ブランドシステム
├── assets/
│ ├── logo-primary.svg
│ ├── logo-mono-white.svg
│ ├── logo-mono-black.svg
│ ├── fonts/
│ │ ├── NotoSerifJP-*.ttf # 4/21ヒアリングで確定
│ │ └── NotoSansJP-*.ttf
│ └── patterns/
├── templates/
│ ├── slide-theme.json # slide-create 連携用
│ ├── lp-theme.json # lp-create 連携用
│ └── sns-templates/ # sns-post 連携用
└── rules/
├── ng-words.txt # NGワード辞書
├── preferred-words.txt # 推奨ワード辞書
└── tone-examples.md # 良い例・悪い例
brand-system.json の構造(案){
"brand_id": "kiwami-sauna",
"worldview_keywords": ["和モダン", "硬派", "ミニマル", "湯治", "集中"],
"colors": {
"primary": { "name": "墨", "hex": "#2d2a26" },
"secondary": { "name": "和紙", "hex": "#f5f2ec" },
"accent": { "name": "金銅", "hex": "#8b6e3f" },
"ng": ["#ff0000", "#00ff00"]
},
"typography": {
"jp_heading": { "font": "Noto Serif JP", "weight": 700 },
"jp_body": { "font": "Noto Sans JP", "weight": 400 }
},
"logo": {
"min_size_mm": 10,
"clearspace_ratio": 0.5,
"no_modify": true
},
"multi_brand_profiles": {
"honten": { "inherits": "kiwami-sauna" },
"osu": { "inherits": "kiwami-sauna" },
"matsuri": { "inherits": "kiwami-sauna", "overrides": {"accent.hex": "#c93a1d"} },
"goods": { "inherits": "kiwami-sauna" }
}
}
sauna-bucho-brand は このスキルを編集・運用する唯一のエージェントbrand-system.json が変わる = KIWAMI の全制作物のトーンが変わる(Single Point of Change)