Claude Code Plugins

Community-maintained marketplace

Feedback

elite-powerpoint-designer

@willem4130/claude-code-skills
0
0

Create world-class PowerPoint presentations with professional design, consistent branding, sophisticated animations, and polished visual hierarchy. Use when users request presentations, slide decks, pitches, reports, or want to convert markdown to professionally designed PowerPoint with Apple/Microsoft/Google-level quality.

Install Skill

1Download skill
2Enable skills in Claude

Open claude.ai/settings/capabilities and find the "Skills" section

3Upload to Claude

Click "Upload skill" and select the downloaded ZIP file

Note: Please verify skill by going through its instructions before using it.

SKILL.md

name elite-powerpoint-designer
description Create world-class PowerPoint presentations with professional design, consistent branding, sophisticated animations, and polished visual hierarchy. Use when users request presentations, slide decks, pitches, reports, or want to convert markdown to professionally designed PowerPoint with Apple/Microsoft/Google-level quality.

Elite PowerPoint Designer

Transform content into world-class presentations with the design quality of Apple keynotes, Microsoft product launches, and Google I/O. This skill applies 2024-2025 presentation design trends and brand-level consistency to create stunning, professional slide decks.

Core Design Philosophy

Principles:

  1. Minimalism First - Remove everything that doesn't serve a clear purpose
  2. Bold & Clear - Large typography, high contrast, confident colors
  3. Visual Hierarchy - Guide attention through size, color, and spacing
  4. Consistent Branding - Every element follows the design system
  5. Purposeful Motion - Animations only where they add clarity or emphasis

When to Use This Skill

  • User requests a "professional presentation" or "pitch deck"
  • Converting markdown or text to PowerPoint
  • User mentions "world-class," "high-quality," or "brand-level" design
  • Creating presentations for business, sales, product launches, or keynotes
  • User wants "Apple/Microsoft/Google style" presentations
  • Request includes terms: slides, deck, presentation, PowerPoint, PPTX

Design System & Brand Styles

Available Brand Styles

1. Tech Keynote (Apple/Tesla Style)

  • Colors: Deep blacks (#000000), whites (#FFFFFF), accent blue (#0071E3)
  • Typography: SF Pro Display (title 72-96pt), SF Pro Text (body 32-44pt)
  • Layout: Extreme whitespace, single focal point per slide
  • Transitions: Push, Fade (duration: 0.6s)
  • Style: Minimalist, premium, product-focused

2. Corporate Professional (Microsoft/IBM Style)

  • Colors: Navy (#003366), steel blue (#0078D4), warm gray (#F3F2F1)
  • Typography: Segoe UI (title 54-72pt), body (24-32pt)
  • Layout: Balanced, grid-based, data-friendly
  • Transitions: Morph, Fade (duration: 0.8s)
  • Style: Trustworthy, data-driven, enterprise-ready

3. Creative Bold (Google/Airbnb Style)

  • Colors: Bright primaries, gradients, bold combinations
  • Typography: Product Sans or Montserrat (title 64-84pt)
  • Layout: Dynamic, asymmetric, playful spacing
  • Transitions: Zoom, Reveal (duration: 0.5s)
  • Style: Energetic, innovative, design-forward

4. Financial Elite (Goldman Sachs/McKinsey Style)

  • Colors: Charcoal (#2C3E50), gold accent (#D4AF37), white
  • Typography: Garamond or Georgia (serif, elegant)
  • Layout: Traditional hierarchy, centered, balanced
  • Transitions: Subtle Fade only (duration: 0.4s)
  • Style: Sophisticated, authoritative, premium

5. Startup Pitch (Y Combinator/500 Startups Style)

  • Colors: High contrast black/white with brand accent
  • Typography: Inter or Roboto (modern sans-serif)
  • Layout: Problem-solution focused, metric-heavy
  • Transitions: Quick Push (duration: 0.3s)
  • Style: Energetic, data-driven, founder-friendly

Workflow Process

Step 1: Analyze Content & Select Style

python scripts/analyze_content.py input.md

Analysis considers:

  • Content type (business, creative, technical, financial)
  • Audience (executives, investors, customers, technical)
  • Tone indicators in content (formal, energetic, innovative)
  • Explicit style requests in frontmatter

Auto-selects brand style or asks user:

  • Tech Keynote for product launches, demos
  • Corporate Professional for business reports, proposals
  • Creative Bold for marketing, design showcases
  • Financial Elite for investor decks, financial reports
  • Startup Pitch for fundraising, accelerator demos

Step 2: Parse Content & Map to Templates

Slide Type Detection:

# 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)

Step 3: Apply Design System

Typography Hierarchy:

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

Spacing System:

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

Color Application:

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

Step 4: Intelligent Template Selection

Use Office-PowerPoint-MCP-Server's 25+ templates with intelligent mapping:

Content Type → Template

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

Step 5: Apply Professional Polish

Transitions & Animations:

  • Slide Transitions: 1-2 types max per deck, matching brand style
  • Duration: 0.3s (fast), 0.6s (medium), 0.8s (slow) based on brand
  • Entrance Animations: Fade In for text (0.4s), optional Wipe for images
  • Emphasis: Pulse on key numbers/metrics (once, subtle)
  • Exit: Fade Out only (0.3s)
  • Rule: Never more than 3 animated elements per slide

Visual Effects:

# 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
}

Step 6: Consistency Validation

python scripts/validate_consistency.py output.pptx

Checks:

  • Font consistency (max 2 font families)
  • Color palette adherence (all colors from design system)
  • Spacing consistency (margins, gutters, padding)
  • Template usage (appropriate for content)
  • Animation timing (within brand guidelines)
  • Image quality (minimum 1920x1080)

Template Mapping Reference

High-Impact Opening

# 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)

Key Message (The "One Thing")

### 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)

Problem/Solution

## 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

Process or Timeline

## 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

Data Visualization

| 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

Animation & Transition Guidelines

Professional Transition Rules

Tier 1: Always Safe (Use liberally)

  • Fade (0.6s) - Universal, elegant
  • Push (0.4s) - Clean, directional
  • Morph (0.8s) - PowerPoint only, sophisticated

Tier 2: Use Sparingly (Special moments)

  • Zoom (0.5s) - Product reveals, before/after
  • Reveal (0.6s) - Section transitions
  • Wipe (0.5s) - Image-heavy decks

Tier 3: Avoid (Unprofessional)

  • Ferris Wheel, Curtains, Dissolve, Origami - Never use

Animation Best Practices

The "AHA!" Moment Rule:

  • Pick 1-2 critical slides per deck
  • Apply single emphasis animation (Pulse, Grow)
  • Duration: 0.8-1.0s
  • Happens once, not on loop

Text Animation:

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

Image Animation:

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

Advanced Features

Auto-Generated Section Dividers

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

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

Smart Image Handling

![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

Metrics Auto-Emphasis

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

Quality Checklist

Before finalizing, ensure:

Visual Consistency:

  • All slides use design system colors (no random colors)
  • Typography follows hierarchy (no more than 4 font sizes)
  • Spacing is consistent (same margins, padding throughout)
  • Alignment is precise (everything lines up to grid)

Content Clarity:

  • One main idea per slide
  • Titles are clear and action-oriented
  • No "walls of text" (max 6 lines body text)
  • Images are high-resolution (min 1920x1080)

Motion & Polish:

  • Transitions are consistent (1-2 types only)
  • Animation duration feels natural (not too fast/slow)
  • No distracting motion (failed the "boardroom test")
  • Emphasis animations only on critical moments

Brand Alignment:

  • Colors match selected brand style
  • Typography matches brand style
  • Layout follows brand conventions
  • Overall aesthetic feels cohesive

Examples

See examples/ folder for:

  • tech-keynote-example.mdtech-keynote-output.pptx
  • investor-pitch-example.mdinvestor-pitch-output.pptx
  • corporate-report-example.mdcorporate-report-output.pptx

Requirements

MCP Server: Office-PowerPoint-MCP-Server

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

# Or local setup
pip install python-pptx

Python Packages:

pip install python-pptx pillow pyyaml

Tips for Best Results

  1. Start with Style: Add frontmatter to markdown with desired brand style

    ---
    style: tech-keynote
    accent-color: "#0071E3"
    ---
    
  2. Less is More: Aim for 1 slide per minute of presentation time

  3. Image Quality Matters: Use high-res images (min 1920x1080, prefer 4K)

  4. Test Animations: Preview deck to ensure transitions feel professional

  5. Print-Ready: Design also works for PDF export (animations become static)

  6. Accessibility: Maintain 4.5:1 contrast ratio for text readability

Troubleshooting

Issue: Colors don't match brand exactly Solution: Specify exact hex codes in frontmatter:

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

Issue: Too much animation Solution: Set animation level in frontmatter:

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

Issue: Slides too dense Solution: Follow "6x6 rule" - max 6 bullets, max 6 words per bullet. Claude will auto-split content if needed.

Next-Level Customization

Advanced users can:

  • Create custom brand JSON in templates/brands/
  • Define custom slide templates
  • Add company logo to master slides
  • Configure font embedding for portability

See templates/CUSTOMIZATION.md for details.