PPT生成スキル
概要
このスキルは、AI生成画像を各スライドに用いてプロフェッショナルなPowerPointプレゼンテーションを作成します。ワークフローは、統一されたビジュアルスタイルでプレゼンテーション構成を計画し、スライド画像を順次生成（前のスライドを参照してスタイルの一貫性を維持）、最終的にそれらをPPTXファイルにまとめます。
中核機能
- 統一されたビジュアルスタイルで複数スライドのプレゼンテーションを計画・構成
- Business、Academic、Minimal、Apple Keynote、Creativeなど、複数のプレゼンテーションスタイルに対応
- 画像生成スキルを使用して、各スライドにユニークなAI画像を生成
- 前のスライドを参照画像として使用し、ビジュアルの一貫性を維持
- 画像をプロフェッショナルなPPTXファイルに構成
プレゼンテーションスタイル
プレゼンテーション計画を作成する際に、以下のスタイルから選択します。
| スタイル | 説明 | 最適な用途 |
|---|---|---|
| glassmorphism | ぼかし効果のあるすりガラスパネル、浮遊する半透明カード、鮮やかなグラデーション背景、レイヤリングによる奥行き | テック製品、AI/SaaSデモ、未来的なピッチ |
| dark-premium | リッチな黒背景（#0a0a0a）、輝くアクセントカラー、繊細なグロー効果、高級ブランドの美学 | プレミアム製品、エグゼクティブプレゼンテーション、高級ブランド |
| gradient-modern | 大胆なメッシュグラデーション、流れるような色彩遷移、現代的なタイポグラフィ、鮮やかでありながら洗練された | スタートアップ、クリエイティブエージェンシー、ブランドローンチ |
| neo-brutalist | 生の大胆なタイポグラフィ、ハイコントラスト、意図的な「醜い」美学、デザインとしての反デザイン、メンフィス風 | エッジの効いたブランド、Gen-Zをターゲット、破壊的スタートアップ |
| 3d-isometric | クリーンなアイソメトリックイラストレーション、浮遊する3D要素、ソフトシャドウ、テック志向の美学 | テック解説、製品機能、SaaSプレゼンテーション |
| editorial | 雑誌品質のレイアウト、洗練されたタイポグラフィ階層、ドラマチックな写真、Vogue/Bloombergの美学 | 年次報告書、高級ブランド、ソートリーダーシップ |
| minimal-swiss | グリッドベースの精密さ、Helveticaに着想を得たタイポグラフィ、ネガティブスペースの大胆な活用、タイムレスなモダニズム | 建築、デザイン事務所、プレミアムコンサルティング |
| keynote | Appleに着想を得た美学：大胆なタイポグラフィ、ドラマチックな画像、ハイコントラスト、映画的な雰囲気 | 基調講演、製品発表、インスピレーショナルなトーク |
ワークフロー
ステップ1: 要件を理解する
ユーザーがプレゼンテーション生成をリクエストした場合、以下を特定します。
- トピック/主題: プレゼンテーションの内容
- スライド数: 必要なスライド数（デフォルト: 5～10）
- スタイル: Business / Academic / Minimal / Keynote / Creative
- アスペクト比: Standard（16:9）または Classic（4:3）
- コンテンツアウトライン: 各スライドの主要ポイント
/mnt/user-data以下のフォルダをチェックする必要はありません
ステップ2: プレゼンテーション計画を作成する
プレゼンテーション構造を定義したJSONファイルを /mnt/user-data/workspace/ に作成します。重要: 全体的なビジュアルの一貫性を定義するために style フィールドを含めてください。
{
"title": "プレゼンテーションタイトル",
"style": "keynote",
"style_guidelines": {
"color_palette": "深い黒背景、白テキスト、単一アクセントカラー（青またはオレンジ）",
"typography": "太字サンセリフ見出し、クリーンな本文テキスト、ドラマチックなサイズコントラスト",
"imagery": "高品質写真、フルブリード画像、映画的な構図",
"layout": "たっぷりとした余白、中央配置、スライドあたりの要素は最小限"
},
"aspect_ratio": "16:9",
"slides": [
{
"slide_number": 1,
"type": "title",
"title": "メインタイトル",
"subtitle": "サブタイトルまたはキャッチコピー",
"visual_description": "画像生成のための詳細な説明"
},
{
"slide_number": 2,
"type": "content",
"title": "スライドタイトル",
"key_points": ["ポイント1", "ポイント2", "ポイント3"],
"visual_description": "画像生成のための詳細な説明"
}
]
}
ステップ3: スライド画像を順次生成する
重要: スライドは厳密に1枚ずつ、順番に生成してください。画像生成を並列化したりバッチ処理したりしないでください。各スライドは前のスライドの出力を参照画像として使用します。スライドを並列生成するとビジュアルの一貫性が損なわれるため、許可されません。
-
画像生成スキルを読む:
/mnt/skills/public/image-generation/SKILL.md -
**最初のスライド（スライド1）**では、ビジュアルスタイルを確立するプロンプトを作成します。
{
"prompt": "プロフェッショナルプレゼンテーションスライド。[計画からのスタイルガイドライン]。タイトル: 'あなたのタイトル'。[visual_description]。このスライドはプレゼンテーション全体のビジュアル言語を確立します。",
"style": "[選択したスタイルに基づく - 例: Apple Keynoteの美学、ドラマチックな照明、映画的]",
"composition": "明確なテキスト階層を持つクリーンなレイアウト、[スタイル固有の構図]",
"color_palette": "[スタイルガイドラインから]",
"typography": "[スタイルガイドラインから]"
}
python /mnt/skills/public/image-generation/scripts/generate.py \
--prompt-file /mnt/user-data/workspace/slide-01-prompt.json \
--output-file /mnt/user-data/outputs/slide-01.jpg \
--aspect-ratio 16:9
- **後続のスライド（スライド2以降）**では、前のスライドを参照画像として使用します。
{
"prompt": "参照画像のビジュアルスタイルを継承したプロフェッショナルプレゼンテーションスライド。同じカラーパレット、タイポグラフィスタイル、全体的な美学を維持してください。タイトル: 'スライドタイトル'。[visual_description]。参照とのビジュアルの一貫性を保ってください。",
"style": "参照画像のスタイルに正確に合わせる",
"composition": "参照と同様のレイアウト原則を、このコンテンツに合わせて調整",
"color_palette": "参照画像と同じ",
"consistency_note": "このスライドは参照画像と同じプレゼンテーションに属しているように見える必要があります"
}
python /mnt/skills/public/image-generation/scripts/generate.py \
--prompt-file /mnt/user-data/workspace/slide-02-prompt.json \
--reference-images /mnt/user-data/outputs/slide-01.jpg \
--output-file /mnt/user-data/outputs/slide-02.jpg \
--aspect-ratio 16:9
- 残りのすべてのスライドについても、常に前のスライドを参照して続けます。
# スライド3はスライド2を参照
python /mnt/skills/public/image-generation/scripts/generate.py \
--prompt-file /mnt/user-data/workspace/slide-03-prompt.json \
--reference-images /mnt/user-data/outputs/slide-02.jpg \
--output-file /mnt/user-data/outputs/slide-03.jpg \
--aspect-ratio 16:9
# スライド4はスライド3を参照
python /mnt/skills/public/image-generation/scripts/generate.py \
--prompt-file /mnt/user-data/workspace/slide-04-prompt.json \
--reference-images /mnt/user-data/outputs/slide-03.jpg \
--output-file /mnt/user-data/outputs/slide-04.jpg \
--aspect-ratio 16:9
ステップ4: PPTを構成する
すべてのスライド画像が生成されたら、構成スクリプトを呼び出します。
python /mnt/skills/public/ppt-generation/scripts/generate.py \
--plan-file /mnt/user-data/workspace/presentation-plan.json \
--slide-images /mnt/user-data/outputs/slide-01.jpg /mnt/user-data/outputs/slide-02.jpg /mnt/user-data/outputs/slide-03.jpg \
--output-file /mnt/user-data/outputs/presentation.pptx
パラメータ:
--plan-file: プレゼンテーション計画JSONファイルの絶対パス（必須）--slide-images: スライド画像の絶対パス（順番通り、必須、スペース区切り）--output-file: 出力PPTXファイルの絶対パス（必須）
[!NOTE] Pythonファイル自体は読まず、パラメータを指定して呼び出すだけにしてください。
完全な例: Glassmorphismスタイル（最先端）
ユーザーリクエスト: 「AI製品ローンチに関するプレゼンテーションを作成して」
ステップ1: プレゼンテーション計画を作成
/mnt/user-data/workspace/ai-product-plan.json を作成:
{
"title": "Nova AIのご紹介",
"style": "glassmorphism",
"style_guidelines": {
"color_palette": "鮮やかな紫からシアンへのグラデーション背景（#667eea→#00d4ff）、15～20%白色不透明度のすりガラスパネル、電光アクセント",
"typography": "SF Pro Displayスタイル、太字700ウェイトの白タイトル（微かなテキストシャドウ付き）、クリーンな400ウェイト本文テキスト、ガラス上で優れたコントラスト",
"imagery": "抽象的な3Dガラス球体、浮遊する半透明の幾何学形状、柔らかな発光球体、層状の透明度による奥行き",
"layout": "中央配置のすりガラスカード（32px角丸）、48～64pxパディング、グラデーションの上に浮遊、ソフトシャドウによる層状の奥行き",
"effects": "ガラスパネルに20～40pxのバックドロップブラー、微かな白いボーダーグロー、グラデーションに合わせた柔らかな色付きシャドウ、光の屈折効果",
"visual_language": "Apple Vision Pro / visionOSの美学、透明度によるプレミアムな奥行き、未来的でありながら親しみやすい、2024年デザイントレンド"
},
"aspect_ratio": "16:9",
"slides": [
{
"slide_number": 1,
"type": "title",
"title": "Nova AIのご紹介",
"subtitle": "再定義されたインテリジェンス",
"visual_description": "深紫（#667eea）からマゼンタ、シアン（#00d4ff）へと流れる見事なグラデーション背景。中央: 強力なバックドロップブラーを備えた大きなすりガラスパネル。太字の白タイトル「Nova AIのご紹介」と、より明るいサブタイトル。カードの周囲に浮遊する3Dガラス球体と抽象的な形状が奥行きを創出。ガラスパネルの背後から柔らかなグローが発せられる。プレミアムなvisionOSの美学。ガラスカードには微かな白いボーダー（1px rgba 255,255,255,0.3）と柔らかな紫がかった影。"
},
{
"slide_number": 2,
"type": "content",
"title": "なぜNovaなのか？",
"key_points": ["10倍高速な処理", "人間のような理解", "エンタープライズ級のセキュリティ"],
"visual_description": "同じ紫-シアングラデーション背景。左側: 浮遊するすりガラスカードにタイトル「なぜNovaなのか？」が太字白で表示され、その下に3つのキーポイントが微かなガラスピルバッジとともに。右側: 相互接続されたガラスノードと柔らかなグローを備えたニューラルネットワークの抽象的な3Dビジュアライゼーション。浮遊する半透明の幾何学形状（二十面体、トーラス）が奥行きを追加。前のスライドと一貫したガラスモーフィズムの美学。"
},
{
"slide_number": 3,
"type": "content",
"title": "仕組み",
"key_points": ["自然言語入力", "マルチモーダル処理", "瞬時のインサイト"],
"visual_description": "前のスライドと一貫したグラデーション背景。中央構成: 3枚のすりガラスカードがわずかな角度で積み重なり、ワークフローステップを示し、柔らかな発光線で接続。各カードには抽象的なアイコン。構成の周囲に浮遊するガラス球体と光の粒子。上部にタイトル「仕組み」が太字白で表示。カードのレイヤリングと透明度によって奥行きが創出。"
},
{
"slide_number": 4,
"type": "content",
"title": "スケール向けに設計",
"key_points": ["100万以上の同時ユーザー", "99.99%アップタイム", "グローバルインフラストラクチャ"],
"visual_description": "同じグラデーション背景。非対称レイアウト: 右側には、メトリクスが太字タイポグラフィで表示された大きなすりガラスパネル。左側: ガラスパネルと接続線で作られた抽象的な3D地球儀が、グローバルスケールを表現。小さなガラスカード状の浮遊データビジュアライゼーション要素に数字が表示。全体に柔らかなアンビエントグロー。プレミアムなテック美学。"
},
{
"slide_number": 5,
"type": "conclusion",
"title": "未来は今、始まる",
"subtitle": "ウェイティングリストに参加",
"visual_description": "ドラマチックな最終スライド。わずかに彩度を上げたグラデーション背景。中央のすりガラスカードに太字タイトル「未来は今、始まる」と行動を促すサブタイトル。カードの背後: 柔らかな光線のバーストと浮遊するガラス粒子が祝福効果を創出。複数の層状ガラス形状が奥行きを創出。スタイルの一貫性を維持しながら、最も視覚的にインパクトのあるスライド。"
}
]
}
ステップ2: 画像生成スキルを読む
/mnt/skills/public/image-generation/SKILL.md を読んで、画像の生成方法を理解します。
ステップ3: 参照チェーンでスライド画像を順次生成
スライド1 - タイトル（ビジュアル言語を確立）:
/mnt/user-data/workspace/nova-slide-01.json を作成:
{
"prompt": "ガラスモーフィズムデザインのウルトラプレミアムプレゼンテーションタイトルスライド。背景: 深紫（#667eea）からマゼンタ（#f093fb）、シアン（#00d4ff）への滑らかな流れるグラデーション、柔らかく鮮やか。中央: 強力なバックドロップブラー効果を備えた大きなすりガラスパネル、32px角丸、太字白サンセリフタイトル「Nova AIのご紹介」（72pt、SF Pro Displayスタイル、フォントウェイト700）と微かなテキストシャドウ、その下にサブタイトル「再定義されたインテリジェンス」がより明るいウェイトで。ガラスパネルには微かな白いボーダー（1px rgba 255,255,255,0.25）と柔らかな紫がかったドロップシャドウ。カードの周囲に浮遊: 屈折のある3Dガラス球体、半透明の幾何学形状（二十面体、抽象的なブロブ）、奥行きと立体感を創出。ガラスパネルの背後から柔らかな発光グロー。小さな浮遊光の粒子。Apple Vision Pro / visionOS UIの美学。プロフェッショナルプレゼンテーションスライド、16:9アスペクト比。超モダン、プレミアムテック製品ローンチの雰囲気。",
"style": "ガラスモーフィズム、visionOS美学、Apple Vision Pro UIスタイル、プレミアムテック、2024年デザイントレンド",
"composition": "中央配置のガラスカードが焦点、端に浮遊する3D要素が奥行きを創出、40%のネガティブスペース、明確なビジュアル階層",
"lighting": "グラデーションからの柔らかなアンビエントグロー、ガラス要素を通した光の屈折、3D形状への微かなリムライティング",
"color_palette": "紫グラデーション #667eea、マゼンタ #f093fb、シアン #00d4ff、すりガラス白 rgba(255,255,255,0.15)、純白テキスト #ffffff",
"effects": "ガラスパネルへのバックドロップブラー、カラーティント付きソフトドロップシャドウ、光の屈折、ガラス上の微かなノイズテクスチャ、浮遊粒子"
}
python /mnt/skills/public/image-generation/scripts/generate.py \
--prompt-file /mnt/user-data/workspace/nova-slide-01.json \
--output-file /mnt/user-data/outputs/nova-slide-01.jpg \
--aspect-ratio 16:9
スライド2 - コンテンツ（スライド1の画像を参照）:
/mnt/user-data/workspace/nova-slide-02.json を作成:
{
"prompt": "参照画像のビジュアルスタイルを継承したプロフェッショナルプレゼンテーションスライド。同じ紫-シアングラデーション背景、同じガラスモーフィズムの美学、同じタイポグラフィスタイルを維持。タイトル: 'なぜNovaなのか？' コンテンツ: 3つのキーポイントが浮遊ガラスカード内に表示。右側: 相互接続されたノードを持つ抽象的な3Dニューラルネットワークビジュアライゼーション。全体の構成、色、雰囲気は参照画像と完全に一致する必要があります。",
"style": "参照画像のスタイルを正確に継承 - ガラスモーフィズム、visionOS",
"composition": "参照と同様のレイアウト原則 - 左側コンテンツカード、右側ビジュアル要素、同程度の余白とバランス",
"color_palette": "参照画像と同じ - 紫-シアングラデーション、すりガラスパネル、白テキスト",
"consistency_note": "このスライドは参照画像と同じプレゼンテーションに属しているように見える必要があります"
}
python /mnt/skills/public/image-generation/scripts/generate.py \
--prompt-file /mnt/user-data/workspace/nova-slide-02.json \
--reference-images /mnt/user-data/outputs/nova-slide-01.jpg \
--output-file /mnt/user-data/outputs/nova-slide-02.jpg \
--aspect-ratio 16:9
スライド3 - コンテンツ（スライド2の画像を参照）:
/mnt/user-data/workspace/nova-slide-03.json を作成:
{
"prompt": "参照画像のビジュアルスタイルを継承したプロフェッショナルプレゼンテーションスライド。同じ紫-シアングラデーション背景、同じガラスモーフィズムの美学、同じタイポグラフィスタイルを維持。タイトル: '仕組み' コンテンツ: 積み重ねられた浮遊ガラスカード内の3つのワークフローステップ、接続線あり。全体の構成、色、雰囲気は参照画像と完全に一致する必要があります。",
"style": "参照画像のスタイルを正確に継承 - ガラスモーフィズム、visionOS",
"composition": "参照と同様のレイアウト原則 - 中央積み重ね構成、バランスの取れた余白",
"color_palette": "参照画像と同じ - 紫-シアングラデーション、すりガラスパネル、白テキスト",
"consistency_note": "このスライドは参照画像と同じプレゼンテーションに属しているように見える必要があります"
}
python /mnt/skills/public/image-generation/scripts/generate.py \
--prompt-file /mnt/user-data/workspace/nova-slide-03.json \
--reference-images /mnt/user-data/outputs/nova-slide-02.jpg \
--output-file /mnt/user-data/outputs/nova-slide-03.jpg \
--aspect-ratio 16:9
スライド4 - コンテンツ（スライド3の画像を参照）:
/mnt/user-data/workspace/nova-slide-04.json を作成:
{
"prompt": "参照画像のビジュアルスタイルを継承したプロフェッショナルプレゼンテーションスライド。同じ紫-シアングラデーション背景、同じガラスモーフィズムの美学、同じタイポグラフィスタイルを維持。タイトル: 'スケール向けに設計' コンテンツ: 右側にメトリクスを表示する大きなガラスパネル、左側に3D地球儀ビジュアライゼーション。全体の構成、色、雰囲気は参照画像と完全に一致する必要があります。",
"style": "参照画像のスタイルを正確に継承 - ガラスモーフィズム、visionOS",
"composition": "参照と同様のレイアウト原則 - 非対称構成、左側ビジュアル、右側コンテンツ",
"color_palette": "参照画像と同じ - 紫-シアングラデーション、すりガラスパネル、白テキスト",
"consistency_note": "このスライドは参照画像と同じプレゼンテーションに属しているように見える必要があります"
}
python /mnt/skills/public/image-generation/scripts/generate.py \
--prompt-file /mnt/user-data/workspace/nova-slide-04.json \
--reference-images /mnt/user-data/outputs/nova-slide-03.jpg \
--output-file /mnt/user-data/outputs/nova-slide-04.jpg \
--aspect-ratio 16:9
スライド5 - 結論（スライド4の画像を参照）:
/mnt/user-data/workspace/nova-slide-05.json を作成:
{
"prompt": "参照画像のビジュアルスタイルを継承したプロフェッショナルプレゼンテーションスライド。同じ紫-シアングラデーション背景、同じガラスモーフィズムの美学、同じタイポグラフィスタイルを維持。タイトル: '未来は今、始まる' コンテンツ: 中央ガラスカードと行動を促すテキスト。カードの背後: 光線のバーストと浮遊粒子。全体の構成、色、雰囲気は参照画像と完全に一致する必要があります。",
"style": "参照画像のスタイルを正確に継承 - ガラスモーフィズム、visionOS",
"composition": "参照と同様のレイアウト原則 - 中央焦点構成、劇的な要素",
"color_palette": "参照画像と同じ - 紫-シアングラデーション、すりガラスパネル、白テキスト",
"consistency_note": "このスライドは参照画像と同じプレゼンテーションに属しているように見える必要があります"
}
python /mnt/skills/public/image-generation/scripts/generate.py \
--prompt-file /mnt/user-data/workspace/nova-slide-05.json \
--reference-images /mnt/user-data/outputs/nova-slide-04.jpg \
--output-file /mnt/user-data/outputs/nova-slide-05.jpg \
--aspect-ratio 16:9
ステップ4: 最終PPTXを構成
python /mnt/skills/public/ppt-generation/scripts/generate.py \
--plan-file /mnt/user-data/workspace/ai-product-plan.json \
--slide-images /mnt/user-data/outputs/nova-slide-01.jpg /mnt/user-data/outputs/nova-slide-02.jpg /mnt/user-data/outputs/nova-slide-03.jpg /mnt/user-data/outputs/nova-slide-04.jpg /mnt/user-data/outputs/nova-slide-05.jpg \
--output-file /mnt/user-data/outputs/nova-presentation.pptx
高度なヒント
- スタイルの一貫性: 後続スライドのイメージ生成プロンプトでは、常に前のスライドを参照画像として使用します。これにより、カラーパレット、タイポグラフィ、全体的な美観がスライド間で一貫して維持されます。
- スタイルガイドライン: 計画の
style_guidelinesフィールドを使用して、各画像生成プロンプトに構造化されたガイドラインを提供し、正確なビジュアル出力を実現します。 - 最初のスライドが重要: 最初のスライドのプロンプトがプレゼンテーション全体のビジュアルトーンを決定します。画像生成プロンプトでは、選択したスタイルの重要な要素を詳細に説明してください。
- 画質: 画像生成スキルは高品質な出力を生成します。正しいアスペクト比（16:9がプレゼンテーションの標準）を使用していることを確認してください。
- Pythonファイルは読まない: 上記の構成スクリプトを、提供されたパラメータで呼び出すだけにしてください。