elite-powerpoint-designer

エリート PowerPoint デザイナー

Apple の基調講演、Microsoft の製品発表、Google I/O のような世界最高水準のデザイン品質で、コンテンツをプレゼンテーションに変換します。このスキルは、2024～2025 年のプレゼンテーションデザインのトレンドと、ブランドレベルの一貫性を取り入れ、魅力的でプロフェッショナルなスライドデッキを作成します。

基本的なデザイン哲学

原則:

1. ミニマリズムを最優先 - 明確な目的に役立たないものはすべて取り除きます
2. 大胆かつ明快に - 大きな文字、高いコントラスト、自信を感じさせる色使い
3. 視覚的な階層 - サイズ、色、余白を通じて視線を導きます
4. 一貫したブランディング - すべての要素をデザインシステムに沿わせます
5. 意図のある動き - アニメーションは明快さや強調につながる場合にのみ使用します

このスキルを使う場面

• ユーザーが「プロフェッショナルなプレゼンテーション」や「ピッチデッキ」を依頼した場合
• Markdown やテキストを PowerPoint に変換する場合
• ユーザーが「世界最高水準」「高品質」「ブランドレベル」のデザインに言及した場合
• ビジネス、営業、製品発表、基調講演向けのプレゼンテーションを作成する場合
• ユーザーが「Apple／Microsoft／Google スタイル」のプレゼンテーションを希望する場合
• 依頼に slides、deck、presentation、PowerPoint、PPTX という用語が含まれる場合

デザインシステムとブランドスタイル

利用可能なブランドスタイル

1. テック基調講演（Apple／Tesla スタイル）

• 色: 深い黒（#000000）、白（#FFFFFF）、アクセントブルー（#0071E3）
• タイポグラフィ: SF Pro Display（タイトル 72～96pt）、SF Pro Text（本文 32～44pt）
• レイアウト: 大きな余白、スライドごとに焦点を 1 つに絞ります
• トランジション: プッシュ、フェード（時間: 0.6s）
• スタイル: ミニマル、高級感、製品を重視

2. コーポレートプロフェッショナル（Microsoft／IBM スタイル）

• 色: ネイビー（#003366）、スチールブルー（#0078D4）、ウォームグレー（#F3F2F1）
• タイポグラフィ: Segoe UI（タイトル 54～72pt）、本文（24～32pt）
• レイアウト: バランスが取れ、グリッドベースで、データを扱いやすい構成
• トランジション: モーフ、フェード（時間: 0.8s）
• スタイル: 信頼感、データ重視、エンタープライズ対応

3. クリエイティブで大胆（Google／Airbnb スタイル）

• 色: 明るい原色、グラデーション、大胆な組み合わせ
• タイポグラフィ: Product Sans または Montserrat（タイトル 64～84pt）
• レイアウト: ダイナミック、非対称、遊び心のある余白
• トランジション: ズーム、リビール（時間: 0.5s）
• スタイル: 活気にあふれ、革新的で、デザイン性を重視

4. ファイナンシャルエリート（Goldman Sachs／McKinsey スタイル）

• 色: チャコール（#2C3E50）、ゴールドのアクセント（#D4AF37）、白
• タイポグラフィ: Garamond または Georgia（セリフ体、優雅）
• レイアウト: 伝統的な階層構造、中央揃え、バランス重視
• トランジション: 控えめなフェードのみ（時間: 0.4s）
• スタイル: 洗練され、権威があり、高級感を演出

5. スタートアップピッチ（Y Combinator／500 Startups スタイル）

• 色: ブランドカラーをアクセントにした、コントラストの強い白黒
• タイポグラフィ: Inter または Roboto（モダンなサンセリフ体）
• レイアウト: 課題と解決策を重視し、指標を多く使用
• トランジション: クイックプッシュ（時間: 0.3s）
• スタイル: 活気があり、データ重視で、創業者に親しみやすい

ワークフローの手順

手順 1: コンテンツを分析してスタイルを選択

python scripts/analyze_content.py input.md

分析では次の点を考慮します:

• コンテンツの種類（ビジネス、クリエイティブ、技術、財務）
• 対象者（経営幹部、投資家、顧客、技術者）
• コンテンツ内のトーンを示す表現（フォーマル、活気がある、革新的）
• フロントマターで明示されたスタイルのリクエスト

ブランドスタイルを自動選択するか、ユーザーに確認します:

• 製品発表やデモには、テック基調講演
• ビジネスレポートや提案書には、コーポレートプロフェッショナル
• マーケティングやデザインの紹介には、クリエイティブで大胆
• 投資家向けデッキや財務レポートには、ファイナンシャルエリート
• 資金調達やアクセラレーター向けデモには、スタートアップピッチ

手順 2: コンテンツを解析してテンプレートに割り当て

スライドの種類を検出:

# Title → title_slide (hero treatment)
## Section → chapter_intro (section divider)
### Main Points → key_message_slide (1-3 key points)
* Bullets → bullet_hierarchy_slide (visual bullets)
> Quote → quote_slide (large, impactful)
![image] → full_bleed_image (immersive)
| table | → data_visualization (auto-chart if numeric)
---metrics--- → metrics_dashboard (KPI showcase)

手順 3: デザインシステムを適用

タイポグラフィの階層:

Hero Title: 72-96pt, Bold, 1.1x line height
Section Title: 54-72pt, Semibold, 1.2x line height
Slide Title: 44-54pt, Semibold, 1.3x line height
Body Large: 32-36pt, Regular, 1.4x line height
Body: 24-28pt, Regular, 1.5x line height
Caption: 18-20pt, Light, 1.6x line height

余白のシステム:

Gutter: 100-120px from edges
Title margin-bottom: 60-80px
Section spacing: 40-60px
Paragraph spacing: 24-32px
Bullet indent: 40px
Element padding: 20-30px

色の適用:

Background: Brand background (usually white/black)
Primary: Titles, key elements, CTAs
Secondary: Subtitles, secondary text
Accent: Highlights, data points, emphasis
Text: 95% opacity for readability

手順 4: テンプレートをインテリジェントに選択

Office-PowerPoint-MCP-Server の 25 種類以上のテンプレートを、インテリジェントなマッピングで使用します:

コンテンツの種類 → テンプレート

Opening/Closing → title_slide, thank_you_slide
New Section → chapter_intro
Key Points (1-3) → key_metrics_dashboard
Comparison → before_after_comparison, chart_comparison
Process → process_flow, timeline_slide
Team → team_introduction
Data → data_table_slide, chart layouts
Mixed Content → two_column_text, three_column_layout
Full Image → full_image_slide
Quote/Testimonial → quote_testimonial

ステップ 5：プロフェッショナルな仕上げを適用

画面切り替えとアニメーション：

• スライドの画面切り替え：デッキあたり最大1～2種類とし、ブランドスタイルに合わせます
• 継続時間：ブランドに応じて、0.3秒（速い）、0.6秒（中程度）、0.8秒（遅い）にします
• 開始アニメーション：テキストにはフェードイン（0.4秒）、画像には必要に応じてワイプを使用します
• 強調：重要な数値や指標にパルスを一度だけ控えめに適用します
• 終了：フェードアウトのみ（0.3秒）にします
• ルール：1枚のスライドでアニメーションを適用する要素は3つまでにします

視覚効果：

# Apply to all text boxes
shadow = {
    "distance": 2,
    "angle": 135,
    "blur": 4,
    "transparency": 60%
}

# Apply to images
overlay = {
    "gradient": "linear",
    "opacity": 20%  # for text readability
}

ステップ 6：一貫性の検証

python scripts/validate_consistency.py output.pptx

チェック項目：

• フォントの一貫性（フォントファミリーは最大2種類）
• カラーパレットの遵守（すべての色がデザインシステムに基づいている）
• 余白の一貫性（マージン、ガター、パディング）
• テンプレートの使用（コンテンツに適している）
• アニメーションのタイミング（ブランドガイドラインの範囲内）
• 画像品質（最低1920x1080）

テンプレート対応表

インパクトのあるオープニング

# Your Big Idea
## Transforming the Future of X

→ title_slide
- Title: 96pt, brand primary
- Subtitle: 36pt, brand secondary
- Background: Gradient or solid brand color
- Animation: Fade in title (0.8s), then subtitle (0.6s)

キーメッセージ（「最も伝えたいこと」）

### 94% Customer Satisfaction
Our users love the new experience

→ key_metrics_dashboard (single metric variation)
- Metric: 144pt, center, brand accent
- Context: 28pt, below metric
- Background: Clean, minimal
- Animation: Count up number (1.2s)

課題と解決策

## The Challenge
Current systems are slow and complex

## Our Solution
Fast, simple, and intuitive

→ before_after_comparison
- Split screen: left (problem) vs right (solution)
- Visual contrast: muted left, bright right
- Icons or images to reinforce message

プロセスまたはタイムライン

## Our Roadmap
1. Q1: Foundation
2. Q2: Growth
3. Q3: Scale
4. Q4: Leadership

→ timeline_slide or process_flow
- Horizontal flow with arrows
- Color progression (light to bold)
- Dates: 32pt, stages: 44pt

データの可視化

| Quarter | Revenue | Growth |
|---------|---------|--------|
| Q1      | $2.4M   | 15%    |
| Q2      | $3.1M   | 29%    |

→ Auto-convert to chart_comparison or data_table_slide
- If trends: Line or column chart
- If comparisons: Bar chart
- If parts/whole: Pie chart (use sparingly)
- Keep it simple: 1 chart per slide

アニメーションと画面切り替えのガイドライン

プロフェッショナルな画面切り替えのルール

ティア1：常に安全（自由に使用できます）

• フェード（0.6秒）— 汎用性があり、洗練されています
• プッシュ（0.4秒）— すっきりとしていて、方向性があります
• モーフ（0.8秒）— PowerPointのみで使用可能、洗練されています

ティア2：控えめに使用（特別な場面）

• ズーム（0.5秒）— 製品のお披露目、変更前後
• リビール（0.6秒）— セクションの切り替え
• ワイプ（0.5秒）— 画像中心のデッキ

ティア3：避ける（プロフェッショナルではありません）

• 観覧車、カーテン、ディゾルブ、折り紙 — 使用しないでください

アニメーションのベストプラクティス

「なるほど！」と思わせる瞬間のルール：

• デッキあたり、特に重要なスライドを1～2枚選びます
• 強調アニメーションを1つ（パルス、拡大）適用します
• 継続時間：0.8～1.0秒
• ループさせず、一度だけ再生します

テキストのアニメーション：

# Professional entrance
effect = "Fade In"
duration = 0.4
delay_between_bullets = 0.3  # If bullets, stagger

画像のアニメーション：

# Optional for product shots or key visuals
effect = "Wipe" or "Fade In"
duration = 0.6
direction = "From Bottom" # Natural, like rising

高度な機能

セクション区切りの自動生成

===
# Part Two: Growth Strategy
===

→ Auto-creates chapter_intro with:
- Full-screen background (brand gradient)
- Large centered text (84pt)
- Fade to black transition (1.0s)

画像のスマートな処理

![hero](image.jpg)
![thumb](small.jpg) ![thumb](small2.jpg)

→ Detects image size/role:
- Large/hero: full_image_slide with overlay for text
- Multiple: two_column or grid layout
- Auto-crops to 16:9
- Applies subtle gradient overlay (20%) if text present

指標の自動強調

We achieved **94%** customer satisfaction and **$2.4M** in revenue.

→ Auto-detects numbers with emphasis:
- Extracts: 94%, $2.4M
- Creates: key_metrics_dashboard
- Animates: Count-up effect (1.2s)
- Styling: Large (144pt), brand accent color

品質チェックリスト

仕上げる前に、次の点を確認してください。

視覚的な一貫性：

• すべてのスライドでデザインシステムの色を使用している（無作為な色を使用していない）
• タイポグラフィが階層に沿っている（フォントサイズは4種類以内）
• 余白が一貫している（全体を通じてマージンとパディングが同じ）
• 配置が正確である（すべてがグリッドに沿っている）

コンテンツの明瞭さ：

• 1枚のスライドにつき主なアイデアが1つ
• タイトルが明確で、行動を促している
• 「文字の壁」がない（本文は最大6行）
• 画像が高解像度である（最低1920x1080）

動きと仕上がり：

• 画面切り替えに一貫性がある（種類は1～2つのみ）
• アニメーションの継続時間が自然に感じられる（速すぎず、遅すぎない）
• 気が散る動きがない（「役員会議室テスト」に合格している）
• 強調アニメーションは重要な場面にのみ使用している

ブランドとの整合性：

• 色が選択したブランドスタイルに合っている
• タイポグラフィがブランドスタイルに合っている
• レイアウトがブランドの慣例に沿っている
• 全体的な美しさに統一感がある

例

examples/ フォルダーにある以下のファイルを参照してください。

• tech-keynote-example.md → tech-keynote-output.pptx
• investor-pitch-example.md → investor-pitch-output.pptx
• corporate-report-example.md → corporate-report-output.pptx

要件

MCP サーバー： Office-PowerPoint-MCP-Server

# Install via Smithery
npx @smithery/cli install @gongrzhe/office-powerpoint-mcp-server

# Or local setup
pip install python-pptx

Python パッケージ：

pip install python-pptx pillow pyyaml

より良い結果を得るためのヒント

1. スタイルから始める：希望するブランドスタイルを指定したフロントマターをMarkdownに追加します

   ---
   style: tech-keynote
   accent-color: "#0071E3"
   ---
   

2. シンプルにする：プレゼンテーション時間1分につき、スライド1枚を目安にします

3. 画像品質は重要です：高解像度の画像を使用します（最低1920x1080、4Kを推奨）

4. アニメーションをテストする：デッキをプレビューして、画面切り替えがプロフェッショナルに感じられることを確認します

5. 印刷にも対応：PDFへのエクスポートにも適したデザインです（アニメーションは静止画になります）

6. アクセシビリティ：テキストを読みやすくするため、コントラスト比を4.5:1に保ちます

トラブルシューティング

問題：色がブランドカラーと正確に一致しません 解決策：frontmatter で正確な16進数コードを指定します：

---
colors:
  primary: "#003366"
  accent: "#0078D4"
  background: "#FFFFFF"
---

問題：アニメーションが多すぎます 解決策：frontmatter でアニメーションのレベルを設定します：

---
animations: minimal  # minimal, moderate, full
---

問題：スライドに情報が詰め込まれすぎています 解決策：「6x6ルール」に従います。箇条書きは最大6項目、各項目は最大6語にします。必要に応じて、Claude がコンテンツを自動的に分割します。

さらに進んだカスタマイズ

上級ユーザーは以下を実行できます：

• templates/brands/ にカスタムブランド JSON を作成する
• カスタムスライドテンプレートを定義する
• マスタースライドに会社のロゴを追加する
• 持ち運びやすくするためにフォントの埋め込みを設定する

詳細については、templates/CUSTOMIZATION.md を参照してください。