Overview
Designs and generates presentation slides. 10 curated palettes in the Claude brand tone(for avoiding AI slop) and 9 business slide archetypes, Automated QA review pipeline, HTML-First optionare provided. It supports 4 generation methods: (1) pptxgenjs directly, (2) HTML-First then export, (3) NotebookLM, (4) Markdown manuscript.
Trigger keywords
PPT, PowerPoint, presentation materials, slides, presentation, report, draft document, pitch deck, demo deck, conference materials
Design system — Claude Modern Deck Theme
For detailed tokens, see references/curated-palettes.md·references/typography-pairings.md .
10 curated palettes — at a glance
| # | Palette | Primary color | Secondary | Background | Use |
|---|---|---|---|---|---|
| 1 | Claude Classic | Orange #d97757 |
Blue #6a9bcc |
Beige #faf9f5 |
General business·trust |
| 2 | Claude Coral | Crail #c15f3c |
Pampas #f4f3ee |
White | Active marketing·campaigns |
| 3 | Claude Mono | Dark #141413 |
Mid Gray | White | Formal·academic·legal |
| 4 | Claude Blue Calm | Blue #6a9bcc |
Mid | Beige | Data·finance·calm |
| 5 | Claude Green Earth | Green #788c5d |
Olive | Beige | Sustainability·healthcare |
| 6 | Korean Brick | Korean reddish-brown #a04a3a |
Beige | Cream | Korean traditional·B2B |
| 7 | Korean Navy | Deep Navy #1d3557 |
Gold #c9a961 |
White | Formal presentations·executive reports |
| 8 | Korean Sage | Teal #5a8a85 |
Beige | Cream | Health·wellness·education |
| 9 | Dark Editorial | Orange | Mid | Dark #1a1a1a |
Dark mode·tech·high-end |
| 10 | High Contrast Bold | Black | Orange Pop | White | Impact keynotes·events |
9 business slide archetypes
| # | Archetype | When to use | Structure |
|---|---|---|---|
| 1 | Title (cover) | First slide | Large title + subtitle + presenter·date·logo |
| 2 | Agenda (table of contents) | Second | Section list + page numbers or progress indicator |
| 3 | Problem (problem definition) | Start of body | Current status·pain points·impact |
| 4 | Solution | After the problem | Our approach·key differentiators |
| 5 | Features (features·differentiators) | Solution details | 3-6 grid + icons + short descriptions |
| 6 | Stats (statistics highlight) | Data page | 3-4 large numbers + short labels |
| 7 | Team (team introduction) | Later section | Photos·roles·key experience |
| 8 | CTA (call to action) | Before closing | Highlight box + 1 action + contact info |
| 9 | Closing (wrap-up·Q&A) | Last | Thank you·Contact·QR (optional) |
The detailed wireframe is references/slide-archetypes.md refer to.
Typography Pairings (5 Combinations)
| Pairing | Korean | English | Suitability |
|---|---|---|---|
| Modern | Pretendard | Inter | General Business (recommended) |
| Editorial | Pretendard | Lora (Serif Italic for quotes) | Magazine·Presentation·Quote emphasis |
| Bold Heading | Pretendard ExtraBold | Poppins ExtraBold | Impact·Event |
| Classic | Malgun Gothic | Georgia | Formal·Academic·Legal |
| Tech | Pretendard | JetBrains Mono (mono) | Developer·Tech Conference |
Workflow
Step 1: Choose Generation Method
| Method | Recommended Timing |
|---|---|
| pptxgenjs directly (recommended) | Generate .pptx file directly, fastest |
| HTML-First | Export after visual review, when designer/design review is needed |
| NotebookLM | Generate slides in a NotebookLM environment |
| Markdown manuscript only | Write text only (user designs it themselves) |
Step 2: Choose Palette·Pairing
Confirm the following with the user (AskUserQuestion):
- Tone (Anthropic Orange default, Korean Navy formal, Coral assertive, Mono formal, etc.)
- Number of slides (3 min 5-7 slides, 10 min 10-15 slides, 30 min 20-30 slides)
- Audience (executives·clients·developers·general public)
Step 3: Compose Archetype Sequence
Sequence the archetypes according to audience·length.
10분 사내 발표 (10-15장):
Title → Agenda → Problem → Solution → Features (3-6 그리드) →
Stats → Closing
30분 외부 피치 (20-30장):
Title → Agenda → Problem (2-3p) → Solution (3p) → Features (4-5p) →
Stats (2p) → Team → CTA → Closing → Q&A
3분 짧은 데모 (5-7장):
Title → Problem → Solution + Demo → Stats → Closing
Step 4: Apply Design System
Apply the selected palette's colors·fonts·spacing to the slide master:
import PptxGenJS from "pptxgenjs";
const pptx = new PptxGenJS();
// Claude Classic 팔레트
const colors = {
primary: "D97757", // Orange
secondary: "6A9BCC", // Blue
bg: "FAF9F5", // Beige
surface: "FFFFFF",
ink: "141413",
mid: "B0AEA5",
};
// 16:9 (1920×1080)
pptx.layout = "LAYOUT_WIDE";
// 슬라이드 마스터 정의
pptx.defineSlideMaster({
title: "MASTER_SLIDE",
background: { color: colors.bg },
objects: [
{ rect: { x: 0, y: 0, w: "100%", h: 0.06, fill: { color: colors.primary } } },
{ text: {
text: "© 2026",
options: { x: 0.3, y: 7.1, w: 2, h: 0.3, fontSize: 9, color: colors.mid, fontFace: "Pretendard" }
}},
{ text: {
text: "{slide_num}",
options: { x: 12.5, y: 7.1, w: 0.5, h: 0.3, fontSize: 9, color: colors.mid, align: "right" }
}},
],
});
// Title 슬라이드
const titleSlide = pptx.addSlide({ masterName: "MASTER_SLIDE" });
titleSlide.addText("2026 Q1 사업 보고", {
x: 0.8, y: 2.5, w: 11.4, h: 1.5,
fontSize: 56, bold: true, color: colors.ink, fontFace: "Pretendard"
});
The full code pattern is references/pptxgen-code-patterns.md (existing material, 612 lines) + references/slide-archetypes.md.
Step 5: Automated QA Review
references/qa-checklist.mdAutomated review + visual review of :
Automated review (code):
- 0 empty placeholders
- Text overflow detection (exceeding slide area)
- Color contrast 4.5:1 or higher
- Font whitelist verification
- Slide master consistently applied
Visual review (slide → image conversion):
- Convert to PDF/JPEG with LibreOffice and check visually
- Check overlapping elements·truncated text·nesting
- Color consistency (only within one palette)
- AI slop copy detection (
moai-design:claude-design-slop-checkchaining) - Audience·tone suitability (human review)
Step 6: Output
| Format | When to use |
|---|---|
.pptx |
Main deliverable (PowerPoint·Keynote compatible) |
.pdf backup |
Prevent font breakage·external sending |
.jpg/.png preview |
Visual check·SNS sharing |
Per-slide guide .md |
Speaker notes·editing guide |
Usage example
- "Q3 business performance report as a 10-slide PPT, Claude Classic tone" → Title/Agenda/Problem/Solution/Stats/Closing sequence
- "Startup Seed Pitch Deck 15 Slides, Impact Tone" → High Contrast Bold palette + utilize all archetypes
- "New Employee Onboarding Training Materials" → Korean Sage palette + calm tone
- "Tech Conference Keynote" → Dark Editorial palette + Tech pairing
- "For Internal Executive Reporting" → Korean Navy palette + formal
- "B2B Product Demo" → Claude Classic + Feature Grid emphasis
Output Format
pptxgenjs Direct Method
- File format:
.pptx(PowerPoint 2007+ compatible) - Slide size: 16:9 (1920×1080) or 4:3 (1024×768)
- Font: Pretendard (Korean body) + Inter (English)
- Color encoding: sRGB
HTML-First Method
- Intermediate output:
slides.html(for visual review) - Final:
.pptxor.pdfexport - Can be revised and re-exported after review
NotebookLM Method
slides.md(markdown manuscript) +style-prompt.txt(for NotebookLM input)
Markdown Manuscript Method
.md(each slide =##heading)- Manual design possible in Figma, Canva, PowerPoint, etc.
Precautions
Claude Tone Usage Rules
- Only 1 palette per deck — do not change colors per slide
- Primary color only for headings and key emphasis (do not flood the body text)
- Maximum 3 colors per slide (Primary + Secondary + Neutral)
- Korean font (Pretendard, Malgun Gothic) required for presentations to Korean audiences
Slide Count Guide
| Presentation Time | Number of Slides | Recommended Archetype Sequence |
|---|---|---|
| 3분 | 5-7장 | Title · Problem · Solution · Stats · Closing |
| 10분 | 10-15장 | + Agenda · Features · CTA |
| 30분 | 20-30장 | + Multiple body content · Team · Detailed data |
| 60분 | 40-50장 | + Detailed cases, demos, Q&A preparation |
One message per slide
Each slide = 1 key message. Recommended 50 words or fewer of text per slide. Put details in speaker notes.
Minimum Text Size
- Body: 18pt or larger (readability at 32-40 ft distance)
- Caption: 14pt or larger
- Title: 32pt or larger (56pt+ for emphasis slides)
Charts and Visualization First
Visualize data as charts — 1000x faster cognition than lists of tables and text. Actively use the Stats archetype.
Image Copyright
Use only free image sites (Unsplash, Pixabay) or self-made/licensed images. Check terms of use for AI-generated images.
Korean Font Embedding
Pretendard and Malgun Gothic are free for commercial use and distribution. If the font is not installed on the presentation PC, PDF conversion is recommended.
Troubleshooting
| Situation | Solution |
|---|---|
| File creation failure | npm install pptxgenjs install |
| Font corruption | Convert to PDF or install Pretendard on the presentation PC |
| Color contrast failure | Body text in Ink Dark, emphasis in Primary only |
| Slide overflow | Text 50 words or fewer · Explicit line breaks |
| Master not applied | masterName: "MASTER_SLIDE" specified |
| HTML-First preview not available | Browser refresh · Clear cache |
| NotebookLM integration | Markdown + style prompt provided separately (manual input) |
Related skills / Self-review
When slide generation is finished, reopen the resulting .pptx file to check for remaining placeholders, insufficient slide count, Korean font, broken encoding, broken charts/images self-reviewand if there are issues, automatically fix and regenerate, then report the final PASS/FAIL result (for review items, see references/qa-checklist.md ).
| Skill | When to use |
|---|---|
moai-office:docx-generator |
DOCX document generation (shares the same Claude tone system) |
moai-office:hwpx-writer |
Hangul (HWP) document |
moai-office:xlsx-creator |
Excel data sheet (chart data source) |
moai-office:pdf-writer |
Multilingual PDF conversion |
moai-content:copywriting |
Slide copy writing |
moai-content:humanize-korean |
Korean copy naturalization |
moai-design:claude-design-slop-check |
Slide copy AI slop review |
moai-design:claude-design-prompt-builder |
When requesting simultaneous design drafts from Claude Design |
moai-media:gemini-3-image-prompt |
Slide illustration · background image prompt |
Technical reference
- pptxgenjs official: https://gitbrent.github.io/PptxGenJS/
- Pretendard font: https://github.com/orioncactus/pretendard
- Anthropic Brand Guidelines: This skill's colors and typography are based on Anthropic's official brand
- NotebookLM: https://notebooklm.google.com/
References
references/curated-palettes.md— 10 curated palettes in detail (Claude tone variations + 4 Korean tones)references/slide-archetypes.md— 9 business slide archetype wireframesreferences/typography-pairings.md— 5 font pairings + size hierarchyreferences/qa-checklist.md— 10-step automated and visual reviewreferences/pptxgen-code-patterns.md— pptxgenjs code patterns (existing material, 612 lines)references/guide.md— Design system builder guide (existing material, 12 layouts)references/report-generator.md— Report generator (existing material)