PaperclipOrg
Claude Agent Skill · by Willem4130

Elite Powerpoint Designer

Install Elite Powerpoint Designer skill for Claude Code from willem4130/claude-code-skills.

Install
Terminal · npx
$npx skills add https://github.com/willem4130/claude-code-skills --skill elite-powerpoint-designer
Works with Paperclip

How Elite Powerpoint Designer fits into a Paperclip company.

Elite Powerpoint Designer drops into any Paperclip agent that handles this kind of work. Assign it to a specialist inside a pre-configured PaperclipOrg company and the skill becomes available on every heartbeat — no prompt engineering, no tool wiring.

S
SaaS FactoryPaired

Pre-configured AI company — 18 agents, 18 skills, one-time purchase.

$27$59
Explore pack
Source file
SKILL.md441 lines
Expand
---name: elite-powerpoint-designerdescription: 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 purpose2. **Bold & Clear** - Large typography, high contrast, confident colors3. **Visual Hierarchy** - Guide attention through size, color, and spacing4. **Consistent Branding** - Every element follows the design system5. **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 ```pythonpython 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:**```markdown# 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 heightSection Title: 54-72pt, Semibold, 1.2x line heightSlide Title: 44-54pt, Semibold, 1.3x line heightBody Large: 32-36pt, Regular, 1.4x line heightBody: 24-28pt, Regular, 1.5x line heightCaption: 18-20pt, Light, 1.6x line height``` **Spacing System:**```Gutter: 100-120px from edgesTitle margin-bottom: 60-80pxSection spacing: 40-60pxParagraph spacing: 24-32pxBullet indent: 40pxElement padding: 20-30px``` **Color Application:**```Background: Brand background (usually white/black)Primary: Titles, key elements, CTAsSecondary: Subtitles, secondary textAccent: Highlights, data points, emphasisText: 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_slideNew Section → chapter_introKey Points (1-3) → key_metrics_dashboardComparison → before_after_comparison, chart_comparisonProcess → process_flow, timeline_slideTeam → team_introductionData → data_table_slide, chart layoutsMixed Content → two_column_text, three_column_layoutFull Image → full_image_slideQuote/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:**```python# Apply to all text boxesshadow = {    "distance": 2,    "angle": 135,    "blur": 4,    "transparency": 60%} # Apply to imagesoverlay = {    "gradient": "linear",    "opacity": 20%  # for text readability}``` ### Step 6: Consistency Validation ```pythonpython 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```markdown# 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")```markdown### 94% Customer SatisfactionOur 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```markdown## The ChallengeCurrent systems are slow and complex ## Our SolutionFast, 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```markdown## Our Roadmap1. Q1: Foundation2. Q2: Growth3. Q3: Scale4. Q4: Leadership → timeline_slide or process_flow- Horizontal flow with arrows- Color progression (light to bold)- Dates: 32pt, stages: 44pt``` ### Data Visualization```markdown| 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:**```python# Professional entranceeffect = "Fade In"duration = 0.4delay_between_bullets = 0.3  # If bullets, stagger``` **Image Animation:**```python# Optional for product shots or key visualseffect = "Wipe" or "Fade In"duration = 0.6direction = "From Bottom" # Natural, like rising``` ## Advanced Features ### Auto-Generated Section Dividers```markdown===# 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```markdown![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```markdownWe 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.md` → `tech-keynote-output.pptx`- `investor-pitch-example.md` → `investor-pitch-output.pptx`- `corporate-report-example.md` → `corporate-report-output.pptx` ## Requirements **MCP Server:** Office-PowerPoint-MCP-Server```bash# Install via Smitherynpx @smithery/cli install @gongrzhe/office-powerpoint-mcp-server # Or local setuppip install python-pptx``` **Python Packages:**```bashpip install python-pptx pillow pyyaml``` ## Tips for Best Results 1. **Start with Style**: Add frontmatter to markdown with desired brand style   ```yaml   ---   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:```yaml---colors:  primary: "#003366"  accent: "#0078D4"  background: "#FFFFFF"---``` **Issue**: Too much animation**Solution**: Set animation level in frontmatter:```yaml---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.