PowerPoint Creator Skill
Create professional presentations with clean, modern design following best practices for visual communication.
When to Use This Skill
Use this skill when creating:
- Team and leadership presentations
- Strategy documents and roadmaps
- Performance reviews and updates
- Training materials
- Product and design reviews
Color Palette
Primary Colors
| Name |
Hex |
RGB |
Usage |
| Primary Blue |
#2563EB |
37, 99, 235 |
Primary brand color, CTAs, headers |
| Dark Navy |
#1E293B |
30, 41, 59 |
Dark backgrounds, text |
| White |
#FFFFFF |
255, 255, 255 |
Backgrounds, reversed text |
Secondary Colors
| Name |
Hex |
Usage |
| Sky Blue |
#60A5FA |
Hover states, lighter accents |
| Light Blue |
#93C5FD |
Backgrounds, highlights |
| Pale Blue |
#DBEAFE |
Subtle backgrounds |
| Coral |
#F87171 |
Alerts, highlights |
| Emerald |
#10B981 |
Positive indicators |
| Amber |
#F59E0B |
Warnings, attention |
Neutral Grays
| Name |
Hex |
Usage |
| Gray 900 |
#111827 |
Primary text |
| Gray 600 |
#4B5563 |
Secondary text |
| Gray 400 |
#9CA3AF |
Muted text, borders |
| Gray 200 |
#E5E7EB |
Dividers, light borders |
| Gray 50 |
#F9FAFB |
Light backgrounds |
Typography
Font Family
Inter — Clean, modern sans-serif optimized for readability
Fallbacks: Inter, Segoe UI, system-ui, sans-serif
Font Weights
| Weight |
Name |
Usage |
| 400 |
Regular |
Body text, descriptions |
| 600 |
Semi-Bold |
Subheadings, emphasis |
| 700 |
Bold |
Headlines, titles |
Type Scale for Presentations
| Element |
Size |
Weight |
Color |
| Title Slide |
54pt |
Bold |
Primary Blue or White |
| Section Header |
44pt |
Bold |
Dark Navy or Primary Blue |
| Slide Title |
36pt |
Semi-Bold |
Dark Navy |
| Subtitle |
24pt |
Regular |
Gray 600 |
| Body Text |
18pt |
Regular |
Gray 900 |
| Caption |
14pt |
Regular |
Gray 400 |
Slide Templates
1. Title Slide
- Background: Primary Blue or White
- Title: 54pt Bold, centered
- Subtitle: 24pt Regular
2. Section Divider
- Background: Dark Navy
- Section title: 44pt Bold, White, left-aligned
- Accent bar: Primary Blue, left edge
3. Content Slide
- Background: White
- Title: 36pt Semi-Bold, Dark Navy, top left
- Body: 18pt Regular, Gray 900
4. Two Column
- Split: 50/50 or 60/40
- Divider: 2px Primary Blue line or no divider
5. Data/Metrics
- Numbers: 72pt Bold, Primary Blue
- Labels: 18pt Regular, Gray 600
- Charts: Use brand colors in order of priority
Best Practices
Do
- ✅ Use Primary Blue as the dominant accent color
- ✅ Maintain generous white space
- ✅ Use bold typography for headlines
- ✅ Keep slide content focused (one idea per slide)
- ✅ Ensure high contrast for accessibility
Don't
- ❌ Crowd slides with too much text
- ❌ Use decorative fonts
- ❌ Place text over busy backgrounds without overlay
- ❌ Use more than 3-4 colors per slide
Code Example (pptxgenjs)
const pptxgen = require('pptxgenjs');
const colors = {
primaryBlue: '2563EB',
darkNavy: '1E293B',
white: 'FFFFFF',
skyBlue: '60A5FA',
lightBlue: '93C5FD',
paleBlue: 'DBEAFE',
coral: 'F87171',
emerald: '10B981',
amber: 'F59E0B',
gray900: '111827',
gray600: '4B5563',
gray400: '9CA3AF',
gray50: 'F9FAFB'
};
const pptx = new pptxgen();
pptx.layout = 'LAYOUT_16x9';
pptx.title = 'Presentation Title';
// Title Slide
let slide = pptx.addSlide();
slide.background = { color: colors.primaryBlue };
slide.addText('Presentation Title', {
x: 0.5, y: 2.5, w: '90%',
fontSize: 54, fontFace: 'Inter', bold: true,
color: colors.white, align: 'center'
});
pptx.writeFile({ fileName: 'presentation.pptx' });
1---2name: pptx-creator3description: Create professional PowerPoint presentations with clean, modern design. Uses a customizable color palette, professional typography, and structured layouts.4---56# PowerPoint Creator Skill78Create professional presentations with clean, modern design following best practices for visual communication.910## When to Use This Skill1112Use this skill when creating:13- Team and leadership presentations14- Strategy documents and roadmaps15- Performance reviews and updates16- Training materials17- Product and design reviews1819## Color Palette2021### Primary Colors2223| Name | Hex | RGB | Usage |24|------|-----|-----|-------|25| **Primary Blue** | `#2563EB` | 37, 99, 235 | Primary brand color, CTAs, headers |26| **Dark Navy** | `#1E293B` | 30, 41, 59 | Dark backgrounds, text |27| **White** | `#FFFFFF` | 255, 255, 255 | Backgrounds, reversed text |2829### Secondary Colors3031| Name | Hex | Usage |32|------|-----|-------|33| **Sky Blue** | `#60A5FA` | Hover states, lighter accents |34| **Light Blue** | `#93C5FD` | Backgrounds, highlights |35| **Pale Blue** | `#DBEAFE` | Subtle backgrounds |36| **Coral** | `#F87171` | Alerts, highlights |37| **Emerald** | `#10B981` | Positive indicators |38| **Amber** | `#F59E0B` | Warnings, attention |3940### Neutral Grays4142| Name | Hex | Usage |43|------|-----|-------|44| **Gray 900** | `#111827` | Primary text |45| **Gray 600** | `#4B5563` | Secondary text |46| **Gray 400** | `#9CA3AF` | Muted text, borders |47| **Gray 200** | `#E5E7EB` | Dividers, light borders |48| **Gray 50** | `#F9FAFB` | Light backgrounds |4950## Typography5152### Font Family53**Inter** — Clean, modern sans-serif optimized for readability5455Fallbacks: `Inter`, `Segoe UI`, `system-ui`, `sans-serif`5657### Font Weights5859| Weight | Name | Usage |60|--------|------|-------|61| 400 | Regular | Body text, descriptions |62| 600 | Semi-Bold | Subheadings, emphasis |63| 700 | Bold | Headlines, titles |6465### Type Scale for Presentations6667| Element | Size | Weight | Color |68|---------|------|--------|-------|69| Title Slide | 54pt | Bold | Primary Blue or White |70| Section Header | 44pt | Bold | Dark Navy or Primary Blue |71| Slide Title | 36pt | Semi-Bold | Dark Navy |72| Subtitle | 24pt | Regular | Gray 600 |73| Body Text | 18pt | Regular | Gray 900 |74| Caption | 14pt | Regular | Gray 400 |7576## Slide Templates7778### 1. Title Slide79- **Background:** Primary Blue or White80- **Title:** 54pt Bold, centered81- **Subtitle:** 24pt Regular8283### 2. Section Divider84- **Background:** Dark Navy85- **Section title:** 44pt Bold, White, left-aligned86- **Accent bar:** Primary Blue, left edge8788### 3. Content Slide89- **Background:** White90- **Title:** 36pt Semi-Bold, Dark Navy, top left91- **Body:** 18pt Regular, Gray 9009293### 4. Two Column94- **Split:** 50/50 or 60/4095- **Divider:** 2px Primary Blue line or no divider9697### 5. Data/Metrics98- **Numbers:** 72pt Bold, Primary Blue99- **Labels:** 18pt Regular, Gray 600100- **Charts:** Use brand colors in order of priority101102## Best Practices103104### Do105- ✅ Use Primary Blue as the dominant accent color106- ✅ Maintain generous white space107- ✅ Use bold typography for headlines108- ✅ Keep slide content focused (one idea per slide)109- ✅ Ensure high contrast for accessibility110111### Don't112- ❌ Crowd slides with too much text113- ❌ Use decorative fonts114- ❌ Place text over busy backgrounds without overlay115- ❌ Use more than 3-4 colors per slide116117## Code Example (pptxgenjs)118119```javascript120const pptxgen = require('pptxgenjs');121122const colors = {123 primaryBlue: '2563EB',124 darkNavy: '1E293B',125 white: 'FFFFFF',126 skyBlue: '60A5FA',127 lightBlue: '93C5FD',128 paleBlue: 'DBEAFE',129 coral: 'F87171',130 emerald: '10B981',131 amber: 'F59E0B',132 gray900: '111827',133 gray600: '4B5563',134 gray400: '9CA3AF',135 gray50: 'F9FAFB'136};137138const pptx = new pptxgen();139pptx.layout = 'LAYOUT_16x9';140pptx.title = 'Presentation Title';141142// Title Slide143let slide = pptx.addSlide();144slide.background = { color: colors.primaryBlue };145slide.addText('Presentation Title', {146 x: 0.5, y: 2.5, w: '90%',147 fontSize: 54, fontFace: 'Inter', bold: true,148 color: colors.white, align: 'center'149});150151pptx.writeFile({ fileName: 'presentation.pptx' });152```