pptx-design 사용 가이드
콘텐츠와 데이터만 주면, 디자인이 입혀진 16:9 PPTX 발표자료를 macOS/Linux·헤드리스·Office 없이 새로 만들어 주는 스킬입니다. 차트는 PowerPoint 에서 편집 가능한 네이티브 객체로, 한글은 또렷한 굵은 고딕으로, 그라디언트·모티프 배경까지 한 번에 처리합니다.
이 가이드는 (1) 다양한 디자인을 어떻게 골라 쓰는지, (2) 실전에서 어떤 결과가 나오는지(MBB 스타일 실측 사례), (3) 자사만의 브랜드 디자인을 어떻게 입히고 박제하는지, (4) 무엇을 주의해야 하는지를 다룹니다.
1. 빠른 시작 — 이렇게 말하면 됩니다
"이 내용으로 발표자료 만들어줘" ← 주제에 맞는 디자인 자동 선택
"MBB 같은 컨설팅펌 스타일로 삼성전자 주가 보고서 만들어줘" ← 스타일 프리셋 적용 (§2.2)
"다크 트레이딩 톤으로 시장 모니터링 덱 10장" ← 프리셋 + 장수 지정
"우리 회사 브랜드 컬러(#1A73E8)로 IR 덱 5장" ← 자사 컬러 즉석 적용
"이 DESIGN.md 적용해서 슬라이드 만들어줘 (URL/파일)" ← 웹 DESIGN.md 토큰 적용
"우리 브랜드 DESIGN.md 파일로 만들어서 저장해줘" ← 조직 디자인 박제 (§4.3)
필요한 입력은 3가지(뒤 2개는 선택):
| 입력 | 필수 | 설명 |
|---|---|---|
| 콘텐츠 | ✅ | 슬라이드 아웃라인(제목/본문/시각요소). 모호하면 한 번 확인합니다. |
| 수치 데이터 | 차트·표 있으면 | JSON·표. 모든 차트/표 수치의 단일 출처(손입력 금지, 1:1 인용). |
| 디자인 지정 | 선택 | 프리셋 이름·톤 한마디·DESIGN.md(파일/URL)·자사 컬러. 없으면 주제에 맞게 자동 선택. |
기본 pptx 스킬과 무엇이 다른가요?
Anthropic 기본 pptx 스킬을 대체하는 것이 아니라, “디자인이 입혀진 한국어 신규 덱” 구간을 책임지는 상위호환(superset)입니다. 같은 요청·같은 데이터로 두 경로를 나란히 실측(2026-06-11, MBB 스타일 주가 보고서 — 기본 83.5 vs 본 스킬 90.0/100)해 확인한 차이입니다:
| 기본 pptx 스킬 | pptx-design | |
|---|---|---|
| 한글 타이포 | 폰트 선택이 환경 운에 좌우 — 명조/붓글씨 폴백 위험 상존 | 또렷한 굵은 고딕을 자동 가드가 강제 (구조적 보장) |
| 품질 검증 | ”직접 보고 고치라”는 권고 | 경계이탈·빈슬라이드·문구누락이 0이어야 산출되는 자동 게이트 + 한글 타이포 경고 |
| 디자인 자산 | 일반 팔레트 표 | 프리셋 6종(슬라이드 문법 포함) + DESIGN.md 해석 + 조직 박제(§4.3) |
| 차트 | 네이티브 차트 | 네이티브(편집 가능) + 고밀도 주석형 이원화 — 피크 마커·끝점 라벨·스파크라인 |
| 제작 안정성 | 생성 도구 마찰 실측(빌드 차단 결함·한글 옆 대시 글자 깨짐) | 내장 헬퍼가 함정류를 설계 단계에서 차단 |
기본 스킬로 충분한 경우도 있습니다 — 기존 덱 읽기·요약·편집(이 스킬의 범위가 아닙니다), 영문 위주의 빠른 초안, 디자인 요구가 낮은 내부 공유. 반대로 한국어 덱·임원/고객 제출·브랜드 일관성·수치 검증이 중요한 자료라면 이 스킬이 안전한 선택입니다.
2. 다양한 디자인 활용법
2.1 “디자인을 어떻게 정하지?” — 세 가지 길
- 그냥 맡기기 — 디자인 언급 없이 주제만 주면, 주제·톤에 맞는 프리셋/내장 팔레트를 골라 적용합니다(“데이터 리포트 → 따뜻한 에디토리얼”, “금융 모니터링 → 다크 트레이딩” 식). 선택 근거를 한 줄로 알려 드립니다. 짧게 대충 말해도 결과 기준은 같습니다 — 내용이 적으면 장수를 줄일지언정 슬라이드를 헐겁게 만들지 않고, 콘텐츠를 가운데에 몰아넣거나 구분 부호를 남발하는 “AI 티 나는” 스타일은 자동 점검으로 걸러냅니다.
- 스타일 프리셋 가리키기(추천) — “컨설팅 스타일”, “신문 같은 느낌”, “미니멀하게”처럼 말하면 검증된 스타일 프리셋(§2.2)이 통째로 적용됩니다. 팔레트만이 아니라 표지·요약·차트 슬라이드의 문법(레이아웃 규칙)까지 함께 따라옵니다.
- 레퍼런스 DESIGN.md 주기 — awesome-design-md 류 웹 디자인 시스템 문서(파일/URL)를 주면 색·타이포·모티프 토큰을 해석해 반영합니다(웹 전용 토큰은 자동 필터 — §5 주의점 참고).
2.2 스타일 프리셋 6종 — 문법까지 검증된 기성복
references/design-presets/ 에 들어 있는 ready-to-use 디자인입니다. 이름이나 톤으로 가리키면 됩니다.
| 프리셋 | 이렇게 말하세요 | 톤 | 잘 맞는 주제 |
|---|---|---|---|
| consulting-mbb | ”컨설팅펌 스타일로”, “MBB 느낌”, “임원 보고용으로” | 라이트(표지·결론 다크) | 전략·IR·임원 보고·주가/시장 분석 |
| equity-research-dark | ”다크 트레이딩 톤으로”, “터미널 느낌” | 다크 | 트레이딩·시장 모니터링·온체인 |
| warm-editorial | ”따뜻한 에디토리얼로”, “리포트 감성” | 라이트(크림) | 데이터 리포트·에디토리얼·신뢰 서사 |
| print-broadsheet | ”신문 같은 느낌으로”, “인쇄물 감각” | 라이트(페이퍼) | 저널·심층 분석 |
| tech-vivid-dark | ”네온 그린 다크로”, “테크 몰입형” | 다크 | 미디어·콘텐츠·테크 |
| minimal-mono | ”미니멀하게”, “여백 많은 프리미엄으로” | 라이트(갤러리) | 프리미엄·제품 런칭·비전 |
각 프리셋에는 팔레트 외에 슬라이드 문법이 들어 있습니다 — 예를 들어 consulting-mbb 는 “제목은 주장형 문장으로”, “전 슬라이드에 출처 표기와 페이지 번호”, “표지·결론은 다크” 같은 규칙까지 함께 적용됩니다. 상승/하락 의미색은 기본이 국제 관행(상승=그린)이며, “한국 증시 관행으로(상승=빨강)“라고 말하면 바꿔서 일관 적용합니다.
2.3 디자인 갤러리 — 검증된 20종 변형
프리셋 6종 외에도, 같은 스킬로 생성·검증한 20개 톤 변형 카탈로그가 있습니다. “이런 느낌”이라고 가리키면 해당 톤으로 구성해 드립니다(프리셋과 달리 팔레트·모티프 중심이며, 슬라이드 문법은 기본 가이드를 따릅니다).
| # | 디자인 패밀리 | 톤 | 핵심 팔레트 | 모티프 | 잘 맞는 주제 |
|---|---|---|---|---|---|
| 01 | Warm Editorial | 라이트 | 크림 faf9f5 · 코랄 cc785c · 틸 5db8a6 | 크림↔다크 샌드위치, 헤어라인 | 리포트·에디토리얼·따뜻한 신뢰 |
| 02 | Indigo Gradient | 라이트 | 인디고 533afd · 루비 ea2261 | 그라디언트 메시, pill | 핀테크·SaaS·인프라 |
| 03 | Trading Dark | 다크 | 블랙 0b0e11 · 옐로 f0b90b · 상승/하락 의미색 | mono 숫자, 희소 액센트 | 거래·금융 데이터·온체인 |
| 04 | Vivid Green Dark | 다크 | 다크 121212 · 그린 1ed760 | 그린 글로우, 진행바 | 미디어·콘텐츠·테크 몰입형 |
| 05 | Print Broadsheet | 라이트 | 페이퍼 f4f1ea · 잉크블루 0047ab | 마스트헤드·멀티컬럼 | 저널·인쇄 감각·분석 |
| 06 | Cinematic Minimal | 라이트 | 화이트·갤러리블랙 · 액센트 3e6ae1 | 거대 여백 + 초대형 타이포 | 프리미엄·제품·런칭 |
| 07 | Coral Wellness | 라이트 | 코랄 f96167 · 골드 f9e795 · 네이비 | 둥근 카드, 부드러운 색면 | 웰니스·앱·라이프스타일 |
| 08 | Teal Trust | 라이트 | 틸 028090 · 민트 02c39a | 색 원 아이콘, 클린 | 헬스케어·의료·신뢰 |
| 09 | Berry & Cream | 라이트 | 크림 ece2d0 · 베리 6d2e46 | 크림↔베리 split, 우아 | 뷰티·D2C·브랜드 스토리 |
| 10 | Forest & Moss | 라이트 | 포레스트 2c5f2d · 모스 97bc62 · 골드 | 어시 색면, 좌측 액센트 바 | 농업·환경·푸드 |
| 11 | Midnight Executive | 다크 | 네이비 1e2761 · 아이스 cadcfc | 코퍼릿 다크, 비교 컬럼 | 컨설팅·전략·IR |
| 12 | Charcoal Minimal | 라이트 | 차콜 36454f · 오프화이트 | 모노 그리드, 타임라인 | 건축·B2B·정밀 |
| 13 | Sunset Gradient | 라이트 | 오렌지 f97316 웜 그라디언트 | 따뜻한 그라디언트(래스터) | 여행·라이프·리테일 |
| 14 | Ocean Deep | 다크 | 딥네이비 0a2540 · 시안 06b6d4 | 딥 오션 그라디언트, 데이터viz | 해양·기후·인프라 |
| 15 | Neon Cyber | 다크 | 마젠타 d946ef · 시안 22d3ee | 네온 글로우, 볼드 대형 숫자 | 게임·e스포츠·테크 |
| 16 | Pastel Soft | 라이트 | 라벤더 a78bfa · 앰버 fbbf24 | 친근한 둥근 카드, 파스텔 | 교육·에듀테크·키즈 |
| 17 | Earth Terracotta | 라이트 | 테라코타 b85042 · 세이지 a7beae | 어스톤 색블록 | 부동산·로컬·공간 |
| 18 | Royal Purple Luxury | 다크 | 퍼플 a855f7 · 골드 fbbf24 | 다크 럭셔리, 골드 액센트 | 명품·프리미엄·뷰티 |
| 19 | Crimson Bold Sports | 라이트 | 크림슨 990011 · 네이비 2f3c7e | 볼드 애슬레틱, 대형 스탯 | 스포츠·캠페인·임팩트 |
| 20 | Mono Slate SaaS | 라이트 | 슬레이트 475569 · 스카이 0ea5e9 | 클린 대시보드 카드 | B2B SaaS·지표·대시보드 |
위 20종은 전부 동일 품질 게이트(HARD GATE PASS)를 통과했고, 한글은 또렷한 굵은 고딕으로 렌더됩니다. “13번 같은 그라디언트”, “11번 컨설팅 느낌”처럼 골라 말해도 됩니다(11번을 문법까지 갖춘 것이 consulting-mbb 프리셋입니다).
2.4 톤 고를 때 한 줄 기준
- 임원 보고·전략·주가 분석 → consulting-mbb (프리셋)
- 데이터·분석 리포트 → warm-editorial · print-broadsheet · Mono Slate
- 금융·거래 모니터링 → equity-research-dark · Indigo Gradient
- 테크·미디어·게임 → tech-vivid-dark · Neon Cyber · Ocean Deep
- 프리미엄·브랜드 → minimal-mono · Royal Purple · Berry & Cream
- 친근·생활·교육 → Coral Wellness · Pastel Soft · Sunset Gradient
- 어느 팔레트든 표지·결론은 다크, 본문은 라이트(“샌드위치”)로 가면 무게중심이 생깁니다.
3. 실전 예시 — “MBB 스타일 삼성전자 주가 보고서” (2026-06-11 실측)
이 과정을 60초로 압축한 소개 영상입니다 — 영상 속 슬라이드는 전부 아래 실측 결과물입니다:
실제로 이렇게 요청했습니다:
"MBB 같은 티어1 컨설팅펌 스타일로 삼성전자 주가 보고서 프리젠테이션을 만들어줘"
(+ 시세·실적·목표주가가 담긴 데이터 JSON 첨부)
나온 결과(12장, 자동 검증 전부 통과):
| 슬라이드 | 구성 |
|---|---|
| 표지 | 네이비 그라디언트 + 보고서 제목 + 핵심 지표 4종 스트립 |
| Executive Summary | 실적·밸류에이션·리스크 3행 + 우측 빅넘버 |
| 주가 맥락 | 5년 월봉 면적 차트 + 저점/고점/현재 칩 |
| 모멘텀 | 1년 일봉 차트(고점 주석) + 52주 레인지 슬라이더 |
| 상대 성과 | KOSPI·경쟁사 대비 지수화 라인 차트(편집 가능) |
| 실적 변곡 | 분기 매출/영업이익 컬럼 차트(편집 가능) + 이익률 빅스탯 |
| 밸류에이션 | PER 압축 인포그래픽 + 투자지표 표 |
| 목표주가 | 증권사 목표가 바 차트(편집 가능) + 상방 여력 |
| 상승 동력 | 촉매 6종 카드 그리드 |
| 리스크 | 다크 패널(조정폭 빅스탯 + 스파크라인) + 리스크 5행 |
| So What | 강세 논거 vs 점검 포인트 + 워치리스트 밴드 |
| 클로징 | 핵심 질문 한 문장 + 기준일·출처·면책 |
모든 슬라이드에 주장형 제목·출처 표기·페이지 번호가 자동으로 들어가고, 수치는 첨부 데이터와 1:1로 일치하며, 상승/하락 의미색이 일관 적용됐습니다. 같은 데이터로 공식 기본 pptx 스킬과 나란히 생성해 비교했을 때, 한글 타이포 안정성·검증 자동화·차트 정보 밀도에서 우위가 확인됐습니다(이 문법이 consulting-mbb 프리셋으로 박제되어 있습니다).
응용: “같은 구성으로 SK하이닉스 버전도”, “이번엔 한국 증시 관행 색으로”, “10장으로 줄여서”처럼 이어가면 됩니다.
4. 자사만의 커스텀 디자인
회사 브랜드를 그대로 입히는 방법입니다. 핵심은 “토큰을 정하고 → 그 색/폰트를 실제 도형·차트·텍스트에 1:1로 박는다” 입니다.
4.1 가장 쉬운 길 — 브랜드 정보를 말로 주기
"우리 브랜드 컬러는 #1A73E8(파랑)·#202124(잉크)·#FBBC04(옐로 액센트)이고,
배경은 화이트, 폰트 느낌은 모던 산세. 이 톤으로 4장 만들어줘."
이 정도면 충분합니다. 색은 도형·차트·강조 텍스트에 그대로 반영되고, 한글은 안전 고딕으로 자동 처리됩니다.
4.2 제대로 정의하기 — 브랜드 토큰 6종
| 토큰 | 무엇 | 예 |
|---|---|---|
| canvas / surface | 배경·카드 색 | #FFFFFF / #F6F8FC |
| ink | 본문 글자색(보통 순수 검정 대신 짙은 네이비) | #0D253D |
| primary | 지배 브랜드 색(시각 비중 60–70%) | #1A73E8 |
| accent / 의미색 | 액센트 1개 + 상승/하락 색 | #FBBC04 / 상승 #1E8E3E 하락 #D93025 |
| 폰트 | 영문 디스플레이(라틴 전용) + 한글은 안전 고딕 고정 | ”Helvetica Neue” / Noto Sans KR |
| 모티프 | 반복 시각 요소 1개 | 좌측 액센트 바 · 둥근 카드 · 킥커 칩 |
지배(dominance) 규칙: 한 색이 60–70%를 지배하고 보조 1–2 + 날카로운 액센트 1. 모든 색에 같은 무게를 주면 “AI 슬라이드” 티가 납니다.
4.3 ★우리 조직 DESIGN.md 박제하기 — 한 번 만들면 계속 재사용
자주 쓰는 브랜드 룩이면 DESIGN.md 파일 한 장으로 박제해 두는 것이 가장 좋습니다. 이렇게 말하면 됩니다:
"우리 회사 브랜드로 DESIGN.md 만들어서 저장해줘.
컬러는 #1A73E8 파랑이 메인, 글자는 짙은 네이비, 모티프는 좌측 액센트 바.
보고서는 보수적인 컨설팅 톤이 좋아."
그러면 스킬이 ① 말씀하신 토큰(부족하면 한 번 묻거나 합리적으로 채워서 명시)과 ② 톤이 가장 가까운 스타일 프리셋의 슬라이드 문법을 합쳐, 조직 이름을 붙인 DESIGN.md 파일을 만들어 저장합니다. 웹사이트나 기존 브랜드 가이드 문서(URL/파일)를 주면 거기서 색·모티프를 추출할 수도 있습니다.
이후에는 이 한마디면 됩니다:
"우리 DESIGN.md 로 3분기 실적 보고 덱 만들어줘"
✅ 박제의 장점 — 매번 색을 다시 부르지 않아도 되고, 덱마다 톤이 흔들리지 않으며, 파일을 동료에게 공유하면 조직 전체가 같은 룩으로 만들 수 있습니다.
4.4 직접 쓰고 싶다면 — DESIGN.md 최소 포맷
awesome-design-md 호환 포맷입니다. 직접 작성하거나 받은 파일을 그대로 줘도 됩니다:
---
colors: { primary: "#1A73E8", ink: "#0D253D", canvas: "#FFFFFF",
surface: "#F6F8FC", accent: "#FBBC04", up: "#1E8E3E", down: "#D93025" }
typography: { display: "Helvetica Neue", body: "system-sans" }
rounded: 12
motif: "좌측 4px 액센트 바 + 둥근 카드"
do: ["여백으로 위계", "의미색 절제", "표지·결론 다크"]
dont: ["제목 밑 액센트 라인", "블루 디폴트", "모든 색 균등"]
---
→ “이 DESIGN.md 로 만들어줘”라고 하면 토큰을 해석해 반영합니다. 더 풍부한 출발점이 필요하면 references/design-presets/ 의 프리셋 파일을 복사해 색만 바꾸는 것을 권합니다.
4.5 적용될 때 스킬이 보장하는 것
- 팔레트 1:1 반영 — 배경·도형·강조 텍스트·차트 시리즈 색에 지정 hex 가 그대로 들어갑니다(차트 기본 파랑/주황 금지).
- 한글 안전 — 한글은 또렷한 굵은 고딕(Noto Sans KR·Pretendard 우선)으로 자동 고정됩니다. 자사 폰트가 세리프/얇은 라틴이어도 영문·숫자에만 적용되고 한글은 안전하게 보호됩니다.
- 모티프 반복 — 정한 모티프 하나가 표지부터 결론까지 반복됩니다.
- 차트는 편집 가능한 네이티브 객체가 기본 — 받는 사람이 PowerPoint 에서 수치를 직접 고칠 수 있습니다(고밀도 주석이 필요한 특수 차트만 이미지로 들어가며, 그 경우 편집 불가임을 알려 드립니다).
- 자동 검증 — 경계 이탈·빈 슬라이드·필수 문구 누락이 0이어야 산출되고, 렌더 이미지를 직접 확인한 뒤 전달합니다.
5. 주의점 (꼭 알아두기)
5.1 ★픽셀 단위 위치 조정의 어려움 — 가장 큰 마찰
웹의 자동 정렬(flexbox 등)이 없어 모든 요소를 절대 좌표로 놓습니다. 그래서:
- 제목이 두 줄로 래핑되면 아래 요소가 자동으로 안 밀립니다 → 렌더를 보고 조정합니다.
- 칸 너비가 좁으면 텍스트가 과도하게 줄바꿈되거나 넘칠 수 있습니다.
- “딱 8px 간격” 같은 픽셀 정밀 정렬은 근사치로 처리됩니다.
보완(스킬 내장): 자동 검증이 경계 이탈·겹침·빈 슬라이드를 잡고, 렌더 이미지를 직접 보며 1~2회 다듬는 흐름이 기본입니다. 미세 레이아웃이 절대적으로 중요하면 마지막에 PowerPoint 에서 손보는 것이 가장 빠릅니다.
5.2 미리보기와 PowerPoint 실물은 다를 수 있음
검증·미리보기는 LibreOffice 렌더 기준입니다. PowerPoint 실물(특히 폰트 대체)은 다소 다를 수 있으니, 중요 산출물은 PowerPoint 에서 한 번 열어 확인하길 권합니다.
5.3 그라디언트·글로우는 이미지로 구워집니다
그라디언트·글로우·메시 배경은 고해상도 이미지로 베이크되어 들어갑니다. 벡터가 아니므로 크게 확대하면 픽셀화하고, 글자 자체에 그라디언트를 입히는 것은 불가합니다.
5.4 시스템 한글 폰트에 의존
또렷한 굵은 고딕을 위해 Noto Sans KR 또는 Pretendard 설치를 권장합니다(없으면 다음 후보로 자동 폴백). 한글 세리프는 시스템에 거의 없어, 세리프가 브랜드여도 한글은 고딕으로 표현됩니다.
5.5 이 스킬의 비목표 (다른 경로로)
- 기존 회사 템플릿/브랜드 마스터 편집·병합 → hyve PowerPoint COM 도메인(Windows).
- 실시간 시연(RPA)·발표자 노트·SmartArt·전환/애니메이션 → COM 도메인.
- 본 스킬은 macOS/Linux·헤드리스·배치 신규 생성 전용 보완재입니다.
6. 산출물 체크리스트
발표자료를 받을 때 함께 확인하면 좋은 것:
- 자동 검증 통과 (경계이탈·퇴화도형·빈슬라이드·필수문구 누락 = 0)
- 한글 타이포 경고 0 (자간·폰트 안전성)
- 스타일 경고 0 (구분 부호 남발·좌측 액센트 바 남발·콘텐츠 가운데 몰림)
- 렌더 미리보기 이미지로 한글 가독성·겹침·정렬 육안 확인 1회
- 차트 수치가 입력 데이터와 1:1 일치(음수·파생 산식 포함)
- 적용된 팔레트·모티프와 그 반영 위치, 디자인 선택 근거
- 편집 불가(이미지) 차트가 있다면 그 목록
- 재현 한계에 걸린 토큰(독점 서체·그라디언트 등)과 대체 처리
참고
- 스타일 프리셋 6종(팔레트+슬라이드 문법):
references/design-presets/(선택 표: 그 안의 README) - 디자인 토큰 매핑·재현 한계:
references/design-md-mapping.md - 레시피·한글 폰트·네이티브 차트:
references/pptx-toolkit.md - 기본 디자인 가이드(팔레트·타이포·QA):
references/anthropic-pptx-design-ideas.md - 동작 예제(11장 풀 덱):
examples/sample/