# AIが生成するスライドのデザインを固定する方法

Koshi Nakamura
カスタマーから「デザインが毎回違う」というバグ報告のようなフィードバックをいただくことがあります。

> 「同じプロジェクトなのに、毎回フォントも色も違うスライドが出てくる」
「昨日と同じプロンプトなのに、今日は全然違うレイアウトになった」


**これはバグではなく、AI の仕様です。** 色・フォント・レイアウトを明示的に指定しない限り、AI は毎回その場で判断して選びます。同じ会話の中でさえ、結果がバラバラになることがあります。

この記事では、シンプルな設定ファイル 1 枚でこの問題を解決する方法を紹介します。**コーディング不要**です。

## 前提：知っておくべきこと

この解決策は、Treasure AI Studio の**プロジェクト機能**を使います。プロジェクト機能を使うと、AI がプロジェクト内のすべてのチャットで記憶する指示を保存できます。

- **プロジェクト機能が初めての方？** [プロジェクトセットアップガイド](/blog/treasure-ai-studio-project-setup) で詳しい手順をご確認ください。
- **さらに詳しく知りたい方？** [Treasure AI Studio のプロジェクト](/products/ai-studio/concepts#projects) で技術的な概念を確認できます。


**必要ないもの：**

- コーディング
- SQL の知識
- 技術的なスキル


**必要なもの：**

- Treasure AI Studio のプロジェクト（作成済み、または新規作成）
- 2 つのシンプルなテキストファイルをアップロードすること


## なぜスライドのデザインがバラバラになるのか

Treasure AI Studio にスライド作成を依頼すると、組み込みのスキル（スライドの作り方のテンプレート）が使われます。このスキルには、カラーパレットやフォントの**例**が含まれていますが、固定されたルールではありません。

例えるなら、誰かに「いい感じの色を選んで」と言ったら、その時の気分や文脈で毎回違う色を選びますよね。AI も同じことをしています。

**解決策：** AI に「いい感じの色を選んで」と言うのをやめて、**「常にこの色を使って」と明示する**ことです。

## ステップバイステップの解決方法

### ステップ 1: プロジェクトを作成または開く（必須）

**何をするか：** デザイン設定を保存する Treasure AI Studio プロジェクトが必要です。

**なぜ必要か：** プロジェクトは、すべての会話であなたの指示を記憶します。プロジェクトがないと、毎回のチャットで同じ指示を繰り返す必要があります。

**手順：**

1. Treasure AI Studio を開く
2. 「新しいプロジェクト」をクリック（または、スライドを作成する既存のプロジェクトを開く）
3. 「マーケティングスライド」や「月次レポート」のような名前を付ける


**注意：** スライド作成用のプロジェクトがすでにある場合は、それを使えます。新しく作る必要はありません。

### ステップ 2: デザイン設定を準備（必須）

**何をするか：** `CLAUDE.md` への指示と、`slide-style.md` のデザイン仕様の2つのコンテンツを準備します。次のステップで、Treasure AI Studio にこれらのファイルを作成してもらいます。

**なぜ必要か：** コンテンツを準備しておくことで、チャットに貼り付けるだけで AI が正しくファイルを作成できます。

**手順：** 以下のテンプレートをコピーして、ブランドカラーとフォントでカスタマイズします。

**`CLAUDE.md` 用の指示のテンプレート：**


```markdown
## スライド生成について
スライドをゼロから生成する際は、必ず最初に `slide-style.md` を読むこと。
そこに書かれた設定をすべて適用すること。
デフォルトのパレットやフォント提案は使わないこと。
`slide-style.md` の設定がすべてに優先される。
```

**`slide-style.md` 用のテンプレート：**


```markdown
# スライドデザイン標準

## 必須スタイル — これらの設定から外れてはならない

> **注意**: カラーコードは `#` なしで記述してください（例: `1A1A2E`）

### カラー（変更禁止）

- プライマリ: 1A1A2E
- アクセント: E94560
- 背景（明）: FFFFFF
- 背景（暗）: 1A1A2E
- 本文テキスト: 333333
- 補助テキスト: 6B7280

### タイポグラフィ（変更禁止）

- タイトル: Georgia, 40pt, bold
- セクション見出し: Arial, 24pt, bold
- 本文: Calibri, 16pt, regular
- キャプション: Calibri, 11pt, muted

### レイアウトルール

- **タイトルスライド**：暗い背景（プライマリ色 1A1A2E）、白テキスト
- **コンテンツスライド**：白背景（FFFFFF）
- **最終スライド**：暗い背景（プライマリ色 1A1A2E）— 「サンドイッチ構造」を維持
- 1スライドあたり最大5箇条書き
- すべてのスライドに視覚要素（図・グラフ・アイコン・図形）を必ず含めること
- 同じレイアウトを2枚以上連続して使わないこと

### シャドウ設定

- `opacity: 0.12` を使うこと（color hex の opacity 指定は使わない）
- 上向きシャドウ: `angle: 270`

### 視覚要素

- シンプルな幾何学図形（四角形、円）をアクセントカラー E94560 で使う
- アイコンはミニマルで、プライマリまたはアクセントカラーのみ使用
- グラフは、アクセントカラー E94560 を主データカラーとして使用

### 禁止事項

- タイトル下のアクセントラインは使わない（AI 生成感を強調するため）
- 本文テキストの中央揃えは使わない
- ユニコードの箇条書き記号（•）は使わない — `bullet: true` を使うこと
- グラデーションをテキストに使わない
- 同じレイアウトを連続スライドで繰り返さない
- 定義されたパレット以外のレインボーカラーや多色スキームは使わない
```

**カスタマイズ方法：** 色（1A1A2E、E94560 など）をブランドカラーに置き換えます。フォント名（Georgia、Arial、Calibri）もブランドフォントに置き換えます。

### ステップ 3: チャットでファイルを作成（必須）

**何をするか：** ステップ 2 で準備したコンテンツを使って、Treasure AI Studio に `CLAUDE.md` へのスライド生成指示の追記（ファイルがない場合は作成）と `slide-style.md` の作成をしてもらいます。

**なぜ必要か：** Treasure AI Studio は現時点で `.md` ファイルの直接アップロードに対応していないため、チャットで指示して AI にファイルを作成または更新してもらいます。

**手順：**

**ステップ 3a: CLAUDE.md に追記（ファイルがない場合は作成）**

プロジェクト内でチャットを開き、以下のプロンプトを貼り付けます：


```
このプロジェクトの CLAUDE.md に以下のセクションを追加してください。CLAUDE.md がまだ存在しない場合は、この内容で新規作成してください。すでに存在する場合は、既存の内容に以下を追記してください：

## スライド生成について
スライドをゼロから生成する際は、必ず最初に `slide-style.md` を読むこと。
そこに書かれた設定をすべて適用すること。
デフォルトのパレットやフォント提案は使わないこと。
`slide-style.md` の設定がすべてに優先される。
```

AI が `CLAUDE.md` に指示を追記します（ファイルがない場合は新規作成します）。

**ステップ 3b: slide-style.md を作成**

同じチャットで、以下のプロンプトを貼り付けます（`{...}` の部分はステップ 2 でカスタマイズした内容に置き換えてください）：


```
このプロジェクトに slide-style.md というファイルを以下の内容で作成してください：

{ステップ 2 でカスタマイズした slide-style.md のテンプレート全体をここに貼り付け}
```

AI が指定した内容で `slide-style.md` を作成します。

**Treasure AI Studio は、このプロジェクト内の今後のすべてのチャットに自動的にこれらの指示を適用します。**

### ステップ 4: テストする（推奨）

**何をするか：** テスト用のスライドを作成して、デザインが一貫しているか確認します。

**なぜ必要か：** 実際の作業に使う前に、設定が機能していることを確認できます。

**手順：**

1. プロジェクト内で新しいチャットを開始
2. 「Q1 の結果についての 3 枚のスライドを作成してください。タイトルスライド、箇条書きのスライド 1 枚、最終スライドを含めてください。」と依頼
3. スライドを生成
4. 確認：`slide-style.md` で指定した色と一致していますか？
5. 別のトピックで再度スライドを生成—色は同じはずです


**うまくいかない場合：**

- 両方のファイルがプロジェクトにアップロードされているか確認
- `CLAUDE.md` にタイプミスがないか確認（特に `slide-style.md` を読むという指示）
- カラーコードに `#` 記号が含まれていないか確認


## スライド以外にも：他のコンテンツにも使える

同じ手法は、一貫性が必要な AI 生成コンテンツすべてに使えます：

| コンテンツタイプ | ファイル名 | 何を指定するか |
|  --- | --- | --- |
| 週次レポート | `report-style.md` | 表の形式、セクションの順序、指標の定義 |
| メールキャンペーン | `email-style.md` | トーン、挨拶/結び、禁止表現、CTA の形式 |
| データダッシュボード | `dashboard-style.md` | グラフの種類、カラースキーム、軸ラベル、KPI 定義 |


**仕組み：** スタイルファイル（`report-style.md` など）を作成し、`CLAUDE.md` にそれを読むよう指示を追加し、両方をプロジェクトにアップロードします。

## まとめ

| やること | 効果 |
|  --- | --- |
| `CLAUDE.md` に `slide-style.md` を読む指示を追加 | AI に常にデザイン設定を確認させる |
| `slide-style.md` に具体的な色・フォント・レイアウトルールを記述 | すべてのデザイン詳細を固定—AI が即興する余地をなくす |
| 両方のファイルをプロジェクトにアップロード | AI がすべてのチャットでこれらの設定を記憶する |
| REQUIRED / NEVER の言葉を使う | AI が無視する可能性のある曖昧な「推奨」を排除 |


**結果：** このプロジェクトで生成するすべてのスライドデッキは、まったく同じ色、フォント、レイアウトルールを自動的に使用します。

## 関連リソース

- **[Treasure AI Studio プロジェクトセットアップガイド](/blog/treasure-ai-studio-project-setup)** — プロジェクトの作成とコンテキスト管理の詳細な手順
- **[Treasure AI Studio のプロジェクト](/products/ai-studio/concepts#projects)** — プロジェクトの仕組みに関する技術ドキュメント
- **[セグメント分析からカスタマージャーニー作成まで](/blog/treasure-ai-studio-audience-to-journey)** — Treasure AI Studio のその他のユースケース