PPT 디자이너 (PPTX Designer)

개요

발표용 슬라이드를 디자인하고 생성합니다. Claude 브랜드 톤 10 큐레이션 팔레트(AI 슬롭 회피용)와 9가지 비즈니스 슬라이드 아키타입, 자동 QA 검수 파이프라인, HTML-First 옵션을 제공합니다. 4가지 생성 방식을 지원합니다: (1) pptxgenjs 직접, (2) HTML-First 후 export, (3) NotebookLM, (4) 마크다운 원고.

트리거 키워드

PPT, 파워포인트, 발표자료, 슬라이드, 프레젠테이션, 보고서, 기안서, 피칭 덱, 데모덱, 컨퍼런스 자료

디자인 시스템 — Claude Modern Deck Theme

상세 토큰은 references/curated-palettes.md·references/typography-pairings.md 참고.

10 큐레이션 팔레트 — 한눈에

9가지 비즈니스 슬라이드 아키타입

상세 와이어프레임은 references/slide-archetypes.md 참고.

타이포그래피 페어링 (5조합)

워크플로우

1단계: 생성 방식 선택

2단계: 팔레트·페어링 선택

사용자에게 다음을 확인합니다 (AskUserQuestion):

• 톤 (Anthropic Orange 기본, Korean Navy 격식, Coral 적극, Mono 격식 등)
• 슬라이드 수 (3분 5-7장, 10분 10-15장, 30분 20-30장)
• 청중 (임원·고객·개발자·일반 대중)

3단계: 아키타입 시퀀스 구성

청중·길이에 맞춰 아키타입을 시퀀스합니다.

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

4단계: 디자인 시스템 적용

선택된 팔레트의 색·폰트·간격을 슬라이드 마스터에 적용:

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"
});

전체 코드 패턴은 references/pptxgen-code-patterns.md (기존 자료, 612줄) + references/slide-archetypes.md.

5단계: QA 자동 검수

references/qa-checklist.md의 자동 검수 + 시각 검수:

자동 검수 (코드):

1. 빈 플레이스홀더 0건
2. 텍스트 overflow 검출 (슬라이드 영역 초과)
3. 색 대비 4.5:1 이상
4. 폰트 화이트리스트 검증
5. 슬라이드 마스터 일관 적용

시각 검수 (슬라이드 → 이미지 변환):

1. LibreOffice로 PDF/JPEG 변환 후 시각 확인
2. 겹친 요소·잘린 텍스트·중첩 확인
3. 색 일관성 (한 팔레트 안에서만)
4. AI 슬롭 카피 검출 (moai-design:claude-design-slop-check 체이닝)
5. 청중·톤 적합성 (사람 검수)

6단계: 출력

사용 예시

• "3분기 사업 성과 보고서를 10슬라이드 PPT로, Claude Classic 톤" → Title/Agenda/Problem/Solution/Stats/Closing 시퀀스
• "스타트업 시드 피칭 덱 15슬라이드, 임팩트 톤" → High Contrast Bold 팔레트 + 모든 아키타입 활용
• "신입사원 온보딩 교육자료" → Korean Sage 팔레트 + 차분한 톤
• "테크 컨퍼런스 키노트" → Dark Editorial 팔레트 + Tech 페어링
• "내부 임원 보고용" → Korean Navy 팔레트 + 격식
• "B2B 제품 데모" → Claude Classic + Feature Grid 강조

출력 형식

pptxgenjs 직접 방식

• 파일 형식: .pptx (PowerPoint 2007+ 호환)
• 슬라이드 크기: 16:9 (1920×1080) 또는 4:3 (1024×768)
• 폰트: Pretendard (한국 본문) + Inter (영문)
• 색 인코딩: sRGB

HTML-First 방식

• 중간 산출물: slides.html (시각 검토용)
• 최종: .pptx 또는 .pdf export
• 검토 후 수정·재export 가능

NotebookLM 방식

• slides.md (마크다운 원고) + style-prompt.txt (NotebookLM 입력용)

마크다운 원고 방식

• .md (각 슬라이드 = ## 제목)
• Figma·Canva·PowerPoint 등에서 수동 디자인 가능

주의사항

Claude 톤 사용 규칙

• 한 덱에 1개 팔레트만 — 슬라이드마다 색 바꾸기 금지
• Primary 색은 헤딩·핵심 강조에만 (본문 도배 금지)
• 각 슬라이드 최대 3색 (Primary + Secondary + Neutral)
• 한국 청중 발표는 한국 폰트(Pretendard·맑은 고딕) 필수

슬라이드 수 가이드

한 슬라이드 한 메시지

각 슬라이드 = 핵심 메시지 1개. 슬라이드당 텍스트 50단어 이하 권장. 상세 내용은 발표자 노트에.

텍스트 최소 사이즈

• 본문: 18pt 이상 (32-40 ft 거리 가독성)
• 캡션: 14pt 이상
• 제목: 32pt 이상 (강조 슬라이드는 56pt+)

차트·시각화 우선

데이터는 차트로 시각화 — 표·텍스트 나열보다 1000배 빠른 인지. Stats 아키타입 적극 활용.

이미지 저작권

무료 이미지 사이트(Unsplash, Pixabay) 또는 자체 제작·라이선스 보유 이미지만 사용. AI 생성 이미지는 사용 약관 확인.

한국 폰트 임베드

Pretendard·맑은 고딕은 상용·배포 자유. 발표 PC에 폰트 미설치 시 PDF 변환 권장.

문제 해결

관련 스킬

기술 참조

• pptxgenjs 공식: https://gitbrent.github.io/PptxGenJS/
• Pretendard 폰트: https://github.com/orioncactus/pretendard
• Anthropic Brand Guidelines: 본 스킬의 색·타이포는 Anthropic 공식 브랜드 기반
• NotebookLM: https://notebooklm.google.com/

References

• references/curated-palettes.md — 10 큐레이션 팔레트 상세 (Claude 톤 변형 + 한국 톤 4종)
• references/slide-archetypes.md — 9가지 비즈니스 슬라이드 아키타입 와이어프레임
• references/typography-pairings.md — 5가지 폰트 페어링 + 사이즈 위계
• references/qa-checklist.md — 자동·시각 검수 10단계
• references/pptxgen-code-patterns.md — pptxgenjs 코드 패턴 (기존 자료, 612줄)
• references/guide.md — 디자인 시스템 빌더 가이드 (기존 자료, 12개 레이아웃)
• references/report-generator.md — 보