mcpField
P
ppt-generation

ppt-generation

github.com/bytedanceドキュメント84.6k5.2k 回インストール今日更新
リポジトリ

ppt-generation について

ppt-generation は、統一感のあるビジュアルで PowerPoint を作成する Skill です。前のスライドをスタイル参照にして AI 画像を順に生成し、最後に PPTX ファイルへまとめます。

主な機能

  1. 01複数スライドの構成を計画
  2. 02複数のビジュアルスタイルを選択
  3. 03AI画像を1枚ずつ生成
  4. 04前のスライドを参照して一貫性を維持
  5. 05画像を PPTX にまとめる

活用シーン

  1. 01統一感のある製品発表資料の作成
  2. 02アウトラインから複数スライドの資料を作成

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/bytedance/deer-flow --skill ppt-generation

インストール後、Claude Code で/ppt-generationを入力して読み込まれたか確認します。

同梱ファイルscripts/generate.py

詳細

PPT 生成スキル

概要

このスキルは、各スライド用の AI 生成画像を作成し、それらを PPTX ファイルにまとめることで、プロフェッショナルな PowerPoint プレゼンテーションを生成します。ワークフローには、一貫したビジュアルスタイルでプレゼンテーションの構成を計画すること、スライド画像を順番に生成すること(スタイルの一貫性を保つため、前のスライドを参照として使用)、そして最終的なプレゼンテーションに組み立てることが含まれます。

主な機能

  • 統一されたビジュアルスタイルで、複数スライドのプレゼンテーションを計画・構成します
  • ビジネス、学術、ミニマル、Apple Keynote、クリエイティブなど、複数のプレゼンテーションスタイルに対応します
  • 画像生成スキルを使用して、各スライド用の独自の AI 画像を生成します
  • 前のスライドを参照画像として使用し、ビジュアルの一貫性を保ちます
  • 画像をプロフェッショナルな PPTX ファイルにまとめます

プレゼンテーションのスタイル

プレゼンテーション計画を作成する際は、次のいずれかのスタイルを選択してください。

スタイル説明最適な用途
glassmorphismぼかし効果のあるすりガラスのパネル、浮遊する半透明のカード、鮮やかなグラデーション背景、レイヤーによる奥行きテクノロジー製品、AI/SaaS のデモ、未来的なピッチ
dark-premium深みのある黒の背景(#0a0a0a)、光り輝くアクセントカラー、控えめな発光効果、高級ブランドの美学プレミアム製品、経営幹部向けプレゼンテーション、高級ブランド
gradient-modern大胆なメッシュグラデーション、滑らかな色の移り変わり、現代的なタイポグラフィ、鮮やかでありながら洗練されたデザインスタートアップ、クリエイティブエージェンシー、ブランドの立ち上げ
neo-brutalist飾らない大胆なタイポグラフィ、高いコントラスト、意図的な「醜さ」の美学、アンチデザインをデザインとして取り入れた、メンフィス風エッジの効いたブランド、Z 世代向け、破壊的なスタートアップ
3d-isometricクリーンなアイソメトリックイラスト、浮遊する 3D 要素、柔らかな影、先進的なテクノロジーの美学テクノロジーの解説、製品の機能、SaaS のプレゼンテーション
editorial雑誌品質のレイアウト、洗練されたタイポグラフィの階層、印象的な写真、Vogue/Bloomberg の美学年次報告書、高級ブランド、ソートリーダーシップ
minimal-swissグリッドベースの精密さ、Helvetica を想起させるタイポグラフィ、余白の大胆な活用、時代を超えたモダニズム建築、デザイン会社、プレミアムなコンサルティング
keynote大胆なタイポグラフィ、印象的な画像、高いコントラスト、映画のような雰囲気を備えた、Apple に着想を得た美学基調講演、製品発表、心に訴える講演

ワークフロー

ステップ 1:要件を把握する

ユーザーからプレゼンテーションの生成を依頼されたら、次の項目を確認します。

  • トピック/テーマ:プレゼンテーションの内容
  • スライド数:必要なスライド数(デフォルト:5~10 枚)
  • スタイル:business / academic / minimal / keynote / creative
  • アスペクト比:標準(16:9)またはクラシック(4:3)
  • 内容の概要:各スライドの要点
  • /mnt/user-data 配下のフォルダーを確認する必要はありません
ステップ 2:プレゼンテーション計画を作成する

プレゼンテーションの構成を記述した JSON ファイルを /mnt/user-data/workspace/ に作成します。重要:全体のビジュアルの一貫性を定義する style フィールドを含めてください。

{
  "title": "Presentation Title",
  "style": "keynote",
  "style_guidelines": {
    "color_palette": "Deep black backgrounds, white text, single accent color (blue or orange)",
    "typography": "Bold sans-serif headlines, clean body text, dramatic size contrast",
    "imagery": "High-quality photography, full-bleed images, cinematic composition",
    "layout": "Generous whitespace, centered focus, minimal elements per slide"
  },
  "aspect_ratio": "16:9",
  "slides": [
    {
      "slide_number": 1,
      "type": "title",
      "title": "Main Title",
      "subtitle": "Subtitle or tagline",
      "visual_description": "Detailed description for image generation"
    },
    {
      "slide_number": 2,
      "type": "content",
      "title": "Slide Title",
      "key_points": ["Point 1", "Point 2", "Point 3"],
      "visual_description": "Detailed description for image generation"
    }
  ]
}
ステップ 3:スライド画像を順番に生成する

重要:スライドは必ず一枚ずつ、順番どおりに生成してください。画像生成を並列化したり、まとめて実行したりしないでください。各スライドは、参照画像として前のスライドの出力を使用します。スライドを並列生成するとビジュアルの一貫性が損なわれるため、禁止されています。

  1. 画像生成スキルを読みます:/mnt/skills/public/image-generation/SKILL.md

  2. 最初のスライド(スライド 1)では、ビジュアルスタイルを確立するプロンプトを作成します。

{
  "prompt": "Professional presentation slide. [style_guidelines from plan]. Title: 'Your Title'. [visual_description]. This slide establishes the visual language for the entire presentation.",
  "style": "[Based on chosen style - e.g., Apple Keynote aesthetic, dramatic lighting, cinematic]",
  "composition": "Clean layout with clear text hierarchy, [style-specific composition]",
  "color_palette": "[From style_guidelines]",
  "typography": "[From style_guidelines]"
}
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
  1. 後続のスライド(スライド 2 以降)では、直前のスライドを参照画像として使用します。
{
  "prompt": "Professional presentation slide continuing the visual style from the reference image. Maintain the same color palette, typography style, and overall aesthetic. Title: 'Slide Title'. [visual_description]. Keep visual consistency with the reference.",
  "style": "Match the style of the reference image exactly",
  "composition": "Similar layout principles as reference, adapted for this content",
  "color_palette": "Same as reference image",
  "consistency_note": "This slide must look like it belongs in the same presentation as the reference image"
}
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
  1. 残りのすべてのスライドについても続けて、常に直前のスライドを参照します。
# Slide 3 references slide 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

# Slide 4 references slide 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 を作成する

すべてのスライド画像を生成したら、作成スクリプトを呼び出します。

EXIF の向き情報を含む写真は、サイズ調整と埋め込みの前に回転または反転され、プレゼンテーション上での表示方向が維持されます。

透明なスライド画像は、プレゼンテーション内でアルファチャンネルを保持します。不透明な画像は、従来どおり JPEG として埋め込まれます。

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 ファイルは読まず、パラメーターを指定して呼び出してください。

完全な例:グラスモーフィズムスタイル(最先端で前衛的)

ユーザーのリクエスト:「AI 製品のローンチに関するプレゼンテーションを作成してください」

ステップ 1:プレゼンテーション計画を作成する

/mnt/user-data/workspace/ai-product-plan.json を作成します:

{
  "title": "Introducing Nova AI",
  "style": "glassmorphism",
  "style_guidelines": {
    "color_palette": "Vibrant purple-to-cyan gradient background (#667eea→#00d4ff), frosted glass panels with 15-20% white opacity, electric accents",
    "typography": "SF Pro Display style, bold 700 weight white titles with subtle text-shadow, clean 400 weight body text, excellent contrast on glass",
    "imagery": "Abstract 3D glass spheres, floating translucent geometric shapes, soft luminous orbs, depth through layered transparency",
    "layout": "Centered frosted glass cards with 32px rounded corners, 48-64px padding, floating above gradient, layered depth with soft shadows",
    "effects": "Backdrop blur 20-40px on glass panels, subtle white border glow, soft colored shadows matching gradient, light refraction effects",
    "visual_language": "Apple Vision Pro / visionOS aesthetic, premium depth through transparency, futuristic yet approachable, 2024 design trends"
  },
  "aspect_ratio": "16:9",
  "slides": [
    {
      "slide_number": 1,
      "type": "title",
      "title": "Introducing Nova AI",
      "subtitle": "Intelligence, Reimagined",
      "visual_description": "Stunning gradient background flowing from deep purple (#667eea) through magenta to cyan (#00d4ff). Center: large frosted glass panel with strong backdrop blur, containing bold white title 'Introducing Nova AI' and lighter subtitle. Floating 3D glass spheres and abstract shapes around the card creating depth. Soft glow emanating from behind the glass panel. Premium visionOS aesthetic. The glass card has subtle white border (1px rgba 255,255,255,0.3) and soft purple-tinted shadow."
    },
    {
      "slide_number": 2,
      "type": "content",
      "title": "Why Nova?",
      "key_points": ["10x faster processing", "Human-like understanding", "Enterprise-grade security"],
      "visual_description": "Same purple-cyan gradient background. Left side: floating frosted glass card with title 'Why Nova?' in bold white, three key points below with subtle glass pill badges. Right side: abstract 3D visualization of neural network as interconnected glass nodes with soft glow. Floating translucent geometric shapes (icosahedrons, tori) adding depth. Consistent glassmorphism aesthetic with previous slide."
    },
    {
      "slide_number": 3,
      "type": "content",
      "title": "How It Works",
      "key_points": ["Natural language input", "Multi-modal processing", "Instant insights"],
      "visual_description": "Gradient background consistent with previous slides. Central composition: three stacked frosted glass cards at slight angles showing the workflow steps, connected by soft glowing lines. Each card has an abstract icon. Floating glass orbs and light particles around the composition. Title 'How It Works' in bold white at top. Depth created through card layering and transparency."
    },
    {
      "slide_number": 4,
      "type": "content",
      "title": "Built for Scale",
      "key_points": ["1M+ concurrent users", "99.99% uptime", "Global infrastructure"],
      "visual_description": "Same gradient background. Asymmetric layout: right side features large frosted glass panel with metrics displayed in bold typography. Left side: abstract 3D globe made of glass panels and connection lines, representing global scale. Floating data visualization elements as small glass cards with numbers. Soft ambient glow throughout. Premium tech aesthetic."
    },
    {
      "slide_number": 5,
      "type": "conclusion",
      "title": "The Future Starts Now",
      "subtitle": "Join the waitlist",
      "visual_description": "Dramatic finale slide. Gradient background with slightly increased vibrancy. Central frosted glass card with bold title 'The Future Starts Now' and call-to-action subtitle. Behind the card: burst of soft light rays and floating glass particles creating celebration effect. Multiple layered glass shapes creating depth. The most visually impactful slide while maintaining style consistency."
    }
  ]
}
ステップ 2:画像生成スキルを読む

/mnt/skills/public/image-generation/SKILL.md を読んで、画像の生成方法を確認します。

ステップ 3:参照画像を引き継ぎながら、スライド画像を順番に生成する

スライド 1 - タイトル(ビジュアル表現を確立):

/mnt/user-data/workspace/nova-slide-01.json を作成します:

{
  "prompt": "Ultra-premium presentation title slide with glassmorphism design. Background: smooth flowing gradient from deep purple (#667eea) through magenta (#f093fb) to cyan (#00d4ff), soft and vibrant. Center: large frosted glass panel with strong backdrop blur effect, rounded corners 32px, containing bold white sans-serif title 'Introducing Nova AI' (72pt, SF Pro Display style, font-weight 700) with subtle text shadow, subtitle 'Intelligence, Reimagined' below in lighter weight. The glass panel has subtle white border (1px rgba 255,255,255,0.25) and soft purple-tinted drop shadow. Floating around the card: 3D glass spheres with refraction, translucent geometric shapes (icosahedrons, abstract blobs), creating depth and dimension. Soft luminous glow emanating from behind the glass panel. Small floating particles of light. Apple Vision Pro / visionOS UI aesthetic. Professional presentation slide, 16:9 aspect ratio. Hyper-modern, premium tech product launch feel.",
  "style": "Glassmorphism, visionOS aesthetic, Apple Vision Pro UI style, premium tech, 2024 design trends",
  "composition": "Centered glass card as focal point, floating 3D elements creating depth at edges, 40% negative space, clear visual hierarchy",
  "lighting": "Soft ambient glow from gradient, light refraction through glass elements, subtle rim lighting on 3D shapes",
  "color_palette": "Purple gradient #667eea, magenta #f093fb, cyan #00d4ff, frosted white rgba(255,255,255,0.15), pure white text #ffffff",
  "effects": "Backdrop blur on glass panels, soft drop shadows with color tint, light refraction, subtle noise texture on glass, floating particles"
}
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": "Presentation slide continuing EXACT visual style from reference image. SAME purple-to-cyan gradient background, SAME glassmorphism aesthetic, SAME typography style. Left side: frosted glass card with backdrop blur containing title 'Why Nova?' in bold white (matching reference font style), three feature points as subtle glass pill badges below. Right side: abstract 3D neural network visualization made of interconnected glass nodes with soft cyan glow, floating in space. Floating translucent geometric shapes (matching style from reference) adding depth. The frosted glass has identical treatment: white border, purple-tinted shadow, same blur intensity. CRITICAL: This slide must look like it belongs in the exact same presentation as the reference image - same colors, same glass treatment, same overall aesthetic.",
  "style": "MATCH REFERENCE EXACTLY - Glassmorphism, visionOS aesthetic, same visual language",
  "composition": "Asymmetric split: glass card left (40%), 3D visualization right (40%), breathing room between elements",
  "color_palette": "EXACTLY match reference: purple #667eea, cyan #00d4ff gradient, same frosted white treatment, same text white",
  "consistency_note": "CRITICAL: Must be visually identical in style to reference image. Same gradient colors, same glass blur intensity, same shadow treatment, same typography weight and style. Viewer should immediately recognize this as the same presentation."
}
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~5:同じパターンを続け、各スライドで直前のスライドを参照します

以降のスライドで一貫性を保つための重要なルール:

  • プロンプトには必ず「参照画像のビジュアルスタイルを正確に引き継ぐ」と含めます
  • 「同じグラデーション背景」「同じガラス表現」「同じタイポグラフィ」を指定します
  • スタイルの一致を強調する consistency_note を含めます
  • 直前のスライド画像を参照します
ステップ 4:最終的な PPT を作成する
python /mnt/skills/public/ppt-generation/scripts/generate.py \
  --plan-file /mnt/user-data/workspace/nova-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": "glassmorphism",
  "style_guidelines": {
    "color_palette": "Vibrant gradient backgrounds (purple #667eea to pink #f093fb, or cyan #4facfe to blue #00f2fe), frosted white panels with 20% opacity, accent colors that pop against the gradient",
    "typography": "SF Pro Display or Inter font style, bold 600-700 weight titles, clean 400 weight body, white text with subtle drop shadow for readability on glass",
    "imagery": "Abstract 3D shapes floating in space, soft blurred orbs, geometric primitives with glass material, depth through overlapping translucent layers",
    "layout": "Floating card panels with backdrop-blur effect, generous padding (48-64px), rounded corners (24-32px radius), layered depth with subtle shadows",
    "effects": "Frosted glass blur (backdrop-filter: blur 20px), subtle white border (1px rgba 255,255,255,0.2), soft glow behind panels, floating elements with drop shadows",
    "visual_language": "Premium tech aesthetic like Apple Vision Pro UI, depth through transparency, light refracting through glass surfaces"
  }
}
ダークプレミアムスタイル
{
  "style": "dark-premium",
  "style_guidelines": {
    "color_palette": "Deep black base (#0a0a0a to #121212), luminous accent color (electric blue #00d4ff, neon purple #bf5af2, or gold #ffd700), subtle gray gradients for depth (#1a1a1a to #0a0a0a)",
    "typography": "Elegant sans-serif (Neue Haas Grotesk or Suisse Int'l style), dramatic size contrast (72pt+ headlines, 18pt body), letter-spacing -0.02em for headlines, pure white (#ffffff) text",
    "imagery": "Dramatic studio lighting, rim lights and edge glow, cinematic product shots, abstract light trails, premium material textures (brushed metal, matte surfaces)",
    "layout": "Generous negative space (60%+), asymmetric balance, content anchored to grid but with breathing room, single focal point per slide",
    "effects": "Subtle ambient glow behind key elements, light bloom effects, grain texture overlay (2-3% opacity), vignette on edges",
    "visual_language": "Luxury tech brand aesthetic (Bang & Olufsen, Porsche Design), sophistication through restraint, every element intentional"
  }
}
グラデーションモダンスタイル
{
  "style": "gradient-modern",
  "style_guidelines": {
    "color_palette": "Bold mesh gradients (Stripe/Linear style: purple-pink-orange #7c3aed→#ec4899→#f97316, or cool tones: cyan-blue-purple #06b6d4→#3b82f6→#8b5cf6), white or dark text depending on background intensity",
    "typography": "Modern geometric sans-serif (Satoshi, General Sans, or Clash Display style), variable font weights, oversized bold headlines (80pt+), comfortable body text (20pt)",
    "imagery": "Abstract fluid shapes, morphing gradients, 3D rendered abstract objects, soft organic forms, floating geometric primitives",
    "layout": "Dynamic asymmetric compositions, overlapping elements with blend modes, text integrated with gradient flows, full-bleed backgrounds",
    "effects": "Smooth gradient transitions, subtle noise texture (3-5% for depth), soft shadows with color tint matching gradient, motion blur suggesting movement",
    "visual_language": "Contemporary SaaS aesthetic (Stripe, Linear, Vercel), energetic yet professional, forward-thinking tech vibes"
  }
}
ネオブルータリズムスタイル
{
  "style": "neo-brutalist",
  "style_guidelines": {
    "color_palette": "High contrast primaries: stark black, pure white, with bold accent (hot pink #ff0080, electric yellow #ffff00, or raw red #ff0000), optional: Memphis-inspired pastels as secondary",
    "typography": "Ultra-bold condensed type (Impact, Druk, or Bebas Neue style), UPPERCASE headlines, extreme size contrast, intentionally tight or overlapping letter-spacing",
    "imagery": "Raw unfiltered photography, intentional visual noise, halftone patterns, cut-out collage aesthetic, hand-drawn elements, stickers and stamps",
    "layout": "Broken grid, overlapping elements, thick black borders (4-8px), visible structure, anti-whitespace (dense but organized chaos)",
    "effects": "Hard shadows (no blur, offset 8-12px), pixelation accents, scan lines, CRT screen effects, intentional 'mistakes'",
    "visual_language": "Anti-corporate rebellion, DIY zine aesthetic meets digital, raw authenticity, memorable through boldness"
  }
}
3D アイソメトリックスタイル
{
  "style": "3d-isometric",
  "style_guidelines": {
    "color_palette": "Soft contemporary palette: muted purples (#8b5cf6), teals (#14b8a6), warm corals (#fb7185), with cream or light gray backgrounds (#fafafa), consistent saturation across elements",
    "typography": "Friendly geometric sans-serif (Circular, Gilroy, or Quicksand style), medium weight headlines, excellent readability, comfortable 24pt body text",
    "imagery": "Clean isometric 3D illustrations, consistent 30° isometric angle, soft clay-render aesthetic, floating platforms and devices, cute simplified objects",
    "layout": "Central isometric scene as hero, text balanced around 3D elements, clear visual hierarchy, comfortable margins (64px+)",
    "effects": "Soft drop shadows (20px blur, 30% opacity), ambient occlusion on 3D objects, subtle gradients on surfaces, consistent light source (top-left)",
    "visual_language": "Friendly tech illustration (Slack, Notion, Asana style), approachable complexity, clarity through simplification"
  }
}
エディトリアルスタイル
{
  "style": "editorial",
  "style_guidelines": {
    "color_palette": "Sophisticated neutrals: off-white (#f5f5f0), charcoal (#2d2d2d), with single accent color (burgundy #7c2d12, forest #14532d, or navy #1e3a5f), occasional full-color photography",
    "typography": "Refined serif for headlines (Playfair Display, Freight, or Editorial New style), clean sans-serif for body (Söhne, Graphik), dramatic size hierarchy (96pt headlines, 16pt body), generous line-height 1.6",
    "imagery": "Magazine-quality photography, dramatic crops, full-bleed images, portraits with intentional negative space, editorial lighting (Vogue, Bloomberg Businessweek style)",
    "layout": "Sophisticated grid system (12-column), intentional asymmetry, pull quotes as design elements, text wrapping around images, elegant margins",
    "effects": "Minimal effects - let photography and typography shine, subtle image treatments (slight desaturation, film grain), elegant borders and rules",
    "visual_language": "High-end magazine aesthetic, intellectual sophistication, content elevated through design restraint"
  }
}
ミニマルスイスタイル
{
  "style": "minimal-swiss",
  "style_guidelines": {
    "color_palette": "Pure white (#ffffff) or off-white (#fafaf9) backgrounds, true black (#000000) text, single bold accent (Swiss red #ff0000, Klein blue #002fa7, or signal yellow #ffcc00)",
    "typography": "Helvetica Neue or Aktiv Grotesk, strict type scale (12/16/24/48/96), medium weight for body, bold for emphasis only, flush-left ragged-right alignment",
    "imagery": "Objective photography, geometric shapes, clean iconography, mathematical precision, intentional empty space as compositional element",
    "layout": "Strict grid adherence (baseline grid visible in spirit), modular compositions, generous whitespace (40%+ of slide), content aligned to invisible grid lines",
    "effects": "None - purity of form, no shadows, no gradients, no decorative elements, occasional single hairline rules",
    "visual_language": "International Typographic Style, form follows function, timeless modernism, Dieter Rams-inspired restraint"
  }
}
Keynote スタイル(Apple 風)
{
  "style": "keynote",
  "style_guidelines": {
    "color_palette": "Deep blacks (#000000 to #1d1d1f), pure white text, signature blue (#0071e3) or gradient accents (purple-pink for creative, blue-teal for tech)",
    "typography": "San Francisco Pro Display, extreme weight contrast (bold 80pt+ titles, light 24pt body), negative letter-spacing on headlines (-0.03em), optical alignment",
    "imagery": "Cinematic photography, shallow depth of field, dramatic lighting (rim lights, spot lighting), product hero shots with reflections, full-bleed imagery",
    "layout": "Maximum negative space, single powerful image or statement per slide, content centered or dramatically offset, no clutter",
    "effects": "Subtle gradient overlays, light bloom and glow on key elements, reflection on surfaces, smooth gradient backgrounds",
    "visual_language": "Apple WWDC keynote aesthetic, confidence through simplicity, every pixel considered, theatrical presentation"
  }
}

出力の取り扱い

生成後:

  • PPTX ファイルは /mnt/user-data/outputs/ に保存されます
  • present_files ツールを使用して、生成したプレゼンテーションをユーザーと共有します
  • リクエストされた場合は、個々のスライド画像も共有します
  • プレゼンテーションの簡単な説明を添えます
  • 必要に応じて、特定のスライドの修正や再生成を提案します

注記

重要な品質ガイドライン

プロフェッショナルな成果を得るためのプロンプトエンジニアリング:

  • ユーザーの言語にかかわらず、画像生成プロンプトには必ず英語を使用してください
  • ビジュアルの詳細を非常に具体的に指定してください。曖昧なプロンプトでは、ありきたりな結果になります
  • 正確な16進数のカラーコードを含めてください(例:「purple」ではなく #667eea)
  • タイポグラフィの詳細を指定してください:フォントの太さ(400/700)、サイズの階層、文字間隔
  • 効果を正確に記述してください:「backdrop blur 20px」「drop shadow 8px blur 30% opacity」
  • 実在するデザインシステムを参考にしてください:「visionOS aesthetic」「Stripe website style」「Bloomberg Businessweek layout」

ビジュアルの一貫性(最も重要):

  • スライドは順番に生成してください。各スライドでは、必ず前のスライドを参照してください
  • 最初のスライドは非常に重要です。プレゼンテーション全体のビジュアル言語を確立します
  • 2枚目以降の各スライドのプロンプトに、「continuing EXACT visual style from reference image」と明記してください
  • 一貫性を保つため、プロンプトでは SAME、EXACT、MATCH というキーワードを強調して使用してください
  • 1枚目以降は、各 JSON プロンプトに consistency_note フィールドを含めてください
  • スライドに一貫性がない場合は、参照画像をより強く強調して再生成してください

現代的な美しさを実現するデザイン原則:

  • 余白を活用してください。40~60%の空白で高級感が生まれます
  • スライドごとの要素を絞ってください。焦点は1つ、メッセージも1つです
  • 重ね合わせ(シャドウ、透明度、z-depth)で奥行きを表現してください
  • タイポグラフィの階層:大きな見出し(72pt以上)、読みやすい本文(18~24pt)
  • 色数を抑えてください。基本のカラーパレットを1つ、アクセントカラーは最大1~2色にします

避けるべきよくある間違い:

  • ❌「professional slide」のような汎用的なプロンプト。具体的に指定してください
  • ❌ スライドに要素やテキストを詰め込みすぎること。雑然とした印象はプロらしさを損ないます
  • ❌ スライド間で色に一貫性がないこと。必ず前のスライドを参照してください
  • ❌ 参照画像のパラメーターを省略すること。ビジュアルの一貫性が損なわれます
  • ❌ 1つのプレゼンテーション内で異なるデザインスタイルを使うこと
  • ❌ スライドを並行して生成すること。スライドは必ず順番どおりに1枚ずつ(スライド1 → 2 → 3 ...)生成し、同時に生成しないでください

コンテキスト別のおすすめスタイル:

  • テック製品のローンチ → glassmorphism または gradient-modern
  • 高級ブランド/プレミアムブランド → dark-premium または editorial
  • スタートアップのピッチ → gradient-modern または minimal-swiss
  • エグゼクティブ向けプレゼンテーション → dark-premium または keynote
  • クリエイティブエージェンシー → neo-brutalist または gradient-modern
  • データ/アナリティクス → minimal-swiss または 3d-isometric

コメント