メニュー
Exploratory セミナー用スライドのデザインガイド。Exploratoryのセミナープレゼンテーションを作成する際に、このスキルを参照してデザインの一貫性を保つ。タイトルスライド、アジェンダ、コンテンツスライド、デモ説明、まとめなどの本編スライドに適用する。自己紹介・登壇者プロフィール・告知スライドは対象外。最終的にKeynoteで編集・プレゼンするため、Keynote互換性を考慮した設計になっている。
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/exploratory-io/book --skill exploratory-slidesコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SOC 職業分類に基づく
SKILL.md を表示中
| name | exploratory-slides |
| description | Exploratory セミナー用スライドのデザインガイド。Exploratoryのセミナープレゼンテーションを作成する際に、このスキルを参照してデザインの一貫性を保つ。タイトルスライド、アジェンダ、コンテンツスライド、デモ説明、まとめなどの本編スライドに適用する。自己紹介・登壇者プロフィール・告知スライドは対象外。最終的にKeynoteで編集・プレゼンするため、Keynote互換性を考慮した設計になっている。 |
このガイドは pptx スキルの汎用デザインガイドラインより常に優先される。 pptx スキルの Design Ideas セクション（色パレット、フォントペアリング、レイアウト提案等）は無視し、このガイドに従うこと。
このガイドは、Exploratoryセミナー用プレゼンテーションのデザイン標準を定義する。4つのサンプルプレゼンテーション（AI関数、5-Analytics-Survey、How-to-write-LaTeX、Session_Parameter）から抽出したデザインパターンに基づく。
対象: セミナー本編スライド（タイトル、アジェンダ、コンテンツ、デモ説明、まとめ） 対象外: 自己紹介・登壇者プロフィール・告知・宣伝スライド
#FFFFFF） — スライド1のタイトルスライドのみ写真背景(ダーク)を許可。セクション区切りスライドを含む、それ以外のすべてのスライドは必ず白背景#000000、本文は #2D3436#4CA872）のみアクセントに使用 — 赤、青、オレンジ等のカラフルな色は図表の注釈以外で使わない| 用途 | カラー | Hex |
|---|---|---|
| ブランドアクセント | Exploratory グリーン | #4CA872 |
| 背景（コンテンツ） | ホワイト | #FFFFFF |
| 見出しテキスト | ブラック | #000000 |
| 本文テキスト | ダークグレー | #2D3436 |
| 補足テキスト | ミディアムグレー | #636E72 |
| ページ番号・罫線 | ライトグレー | #95A5A6 |
| テーブル罫線 | 薄グレー | #DFE6E9 |
| 微妙な背景 | オフホワイト | #FAFAFA |
| 用途 | Hex |
|---|---|
| テキスト | #FFFFFF（白） |
| 夜空ベース | #1A2942 〜 #2C3E57 |
| 用途 | Hex |
|---|---|
| 赤矢印・強調 | #E74C3C |
| チャート青 | #3498DB |
| ハイライトオレンジ | #F39C12 |
| 要素 | フォント |
|---|---|
| 日本語 | ヒラギノ角ゴ ProN（Hiragino Sans） |
| 英数字 | Helvetica Neue |
| コード・数式 | Consolas / Menlo |
| 要素 | サイズ | ウェイト |
|---|---|---|
| タイトルスライド メインタイトル | 72-96pt | Bold |
| タイトルスライド サブタイトル | 36-48pt | Regular |
| セクションタイトル | 44-52pt | Bold |
| スライドタイトル | 36-44pt | Bold |
| サブヘッダー | 28-32pt | Bold |
| 本文・箇条書き | 20-28pt | Regular |
| キャプション・補足 | 16-20pt | Regular |
| ページ番号 | 16-18pt | Regular |
#000000、本文は #2D3436、補足は #636E72背景: 全面写真（星空と湖畔の風景）
テキスト: すべて白（#FFFFFF）
┌─────────────────────────────────────────────┐
│ 🔭 Exploratory セミナー (左上) │
│ │
│ 2026年2月20日(木) 12:00 PM (日付) │
│ │
│ ████████████████ │
│ ████ メインタイトル ████ (大文字) │
│ ████████████████ │
│ │
│ サブタイトルテキスト (中文字) │
│ │
│ │
└─────────────────────────────────────────────┘
背景: ホワイト
┌─────────────────────────────────────────────┐
│ │
│ 今日のアジェンダ │
│ │
│ 1. セクション名 │
│ 2. セクション名 │
│ 3. セクション名 │
│ 4. セクション名 │
│ 5. セクション名 │
│ │
│ [NN] │
└─────────────────────────────────────────────┘
背景: 必ずホワイト（#FFFFFF） — ダーク背景は使わない（タイトルスライドのみダーク背景可）
┌─────────────────────────────────────────────┐
│ │
│ │
│ │
│ セクションタイトル (大文字) │
│ │
│ │
│ [NN] │
└─────────────────────────────────────────────┘
#000000）、中央配置#636E72）背景: ホワイト
┌─────────────────────────────────────────────┐
│ │
│ スライドタイトル │
│ │
│ • 箇条書き項目1 │
│ • 箇条書き項目2 │
│ • 箇条書き項目3 │
│ - サブ項目 │
│ • 箇条書き項目4 │
│ │
│ [NN] │
└─────────────────────────────────────────────┘
背景: ホワイト
┌─────────────────────────────────────────────┐
│ │
│ スライドタイトル │
│ │
│ ┌──────────────┐ ┌──────────────────┐ │
│ │ │ │ │ │
│ │ テーブル │ │ 箇条書き or │ │
│ │ or 図 │ │ 説明テキスト │ │
│ │ │ │ │ │
│ └──────────────┘ └──────────────────┘ │
│ │
│ [NN] │
└─────────────────────────────────────────────┘
#DFE6E9、1px背景: ホワイト
┌─────────────────────────────────────────────┐
│ │
│ スライドタイトル（省略可） │
│ │
│ ┌─────────────────────────────────────┐ │
│ │ │ │
│ │ スクリーンショット │ │
│ │ （ほぼ全幅） │ │
│ │ │ │
│ └─────────────────────────────────────┘ │
│ │
│ [NN] │
└─────────────────────────────────────────────┘
0 4px 8px rgba(0,0,0,0.1)#E74C3C）で注目箇所を示す場合あり┌─────────────────────────────────────────────┐
│ │
│ 🧑 ┌──────────────────────────────┐ │
│ │ 質問や発言内容 │ │
│ │ │ │
│ └──────────────────────────────┘ │
│ │
│ │
│ [NN] │
└─────────────────────────────────────────────┘
#4CA872）またはグレー（#636E72）#E8F5E9）#4CA872）、中太| 位置 | サイズ |
|---|---|
| 左右マージン | 80-100px（0.8-1.0 inch） |
| 上マージン | 80-100px |
| 下マージン | 80-100px（＋ページ番号分40px） |
| グリーンサイドバー使用時の左マージン | 320px〜 |
| 要素間 | サイズ |
|---|---|
| タイトル→コンテンツ | 120-150px |
| 箇条書き項目間 | 50-70px |
| セクション間 | 80-100px |
| カラム間 | 60-80px |
#95A5A6#4CA872最終的にKeynoteで編集・プレゼンするため、以下のルールを厳守する。
| 避ける機能 | 代替方法 |
|---|---|
| SmartArt | 個別のシェイプで手動作成 |
| ワードアート | 通常テキスト＋フォーマット |
| 複雑なアニメーション | シンプルなフェード・スライド |
| EMF/WMFメタファイル | PNG/SVG画像 |
| OLEオブジェクト（埋め込みExcel等） | 静的な画像またはテーブル |
| グラデーション塗りの複雑なパターン | 単色またはシンプルな2色グラデーション |
| テキストの3D回転・変形 | 使用しない |
| マスタースライドの複雑なプレースホルダー | シンプルなテキストボックス |
PPTXを作成したら、Keynoteで開いて以下を確認:
pptx スキルの汎用 QA に加え、以下のチェックを必ず行うこと:
#4CA872 のみであることpptx スキルと組み合わせて使う場合:
// カラー定義（# なしの6桁hex）
const COLORS = {
brand_green: '4CA872',
white: 'FFFFFF',
black: '000000',
dark_gray: '2D3436',
mid_gray: '636E72',
light_gray: '95A5A6',
border_gray: 'DFE6E9',
off_white: 'FAFAFA',
red_accent: 'E74C3C',
blue_chart: '3498DB',
orange_highlight: 'F39C12',
};
// フォント定義
const FONTS = {
japanese: 'Hiragino Sans', // Keynote互換
latin: 'Helvetica Neue', // Keynote互換
code: 'Menlo',
};
// スライドマスター設定例
pptx.defineSlideMaster({
title: 'CONTENT',
background: { fill: 'FFFFFF' },
slideNumber: {
x: '92%', y: '95%',
fontSize: 10, color: '95A5A6',
fontFace: 'Helvetica Neue',
},
});
charSpacing は PptxGenJS では1/100ポイント単位（例: 100 = 1pt）# なしの6桁hex文字列offset は ポイント単位（ピクセルではない）| 問題 | 原因 | 対策 |
|---|---|---|
| 2カラムで1-2文字の孤立行 | テキストボックス幅に対してフォントサイズが大きすぎる | フォントサイズを16pt以下に下げるか、カラム幅を広げる |
| デモスライドのタイトルとステップの間に大きな空白 | ステップのY座標が低すぎる | ステップのY座標をタイトルから0.8-1.0"下に配置 |
| セクション区切りの2行タイトルとサブタイトルが近すぎる | タイトルが2行に折り返されてもサブタイトルの位置が固定 | サブタイトルのY座標をタイトルの高さに応じて調整するか、タイトルボックスの高さに余裕を持たせる |
| 最下部の箇条書きがページ番号と衝突 | コンテンツの量に対してY座標が低すぎる | フォントサイズを小さくするか、Y座標を上に移動。ページ番号との間隔を0.5"以上確保 |
| XMLタグ等のコード例がHiragino Sansで表示される | サブ箇条書きがコードフォントを指定していない | コード・XML例は fontFace: 'Menlo' を明示的に指定する |