Communitygithub.com

PPT 디자인 스킬

전문 프레젠테이션 데크(PPT/PPTX)를 디자인, 제작, 애니메이션화 및 검토합니다. 콘텐츠 구조, 시각적 스타일, 레이아웃 다양성, 차트, 이미지, 애니메이션, Morph 전환, 모션 내러티브 또는 전반적인 완성도가 중요할 때 사용하세요.

PPT 디자인 스킬란 무엇인가요?

이 스킬은 주제와 원자료를 단순히 꾸민 문서가 아닌 '설계된 논증'으로 변환하는 PPT 디자인 전문 도구입니다. 정적 디자인과 모션 디자인을 동등한 시민으로 취급하여, 데크가 페이지별로 잘 읽히고 재생될 때 잘 움직여야 합니다. 50개의 템플릿, 680개의 컴포넌트, 64개의 애니메이션 레시피를 포함한 개인 에셋 라이브러리(E:\PPT-Design-Assets\)를 지원하며, 복제 모드(원형 재사용, 구조적 재구축, 시각적 모방)를 통해 기존 데크를 정확하게 재현할 수 있습니다. Claude Code, Cursor, Codex 등 다양한 AI 에이전트 플랫폼에서 사용 가능하며, `workflows/`의 실행 절차와 `references/`의 상세 지식을 참조하여 처음부터 끝까지 일관된 디자인을 보장합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/luo173176/ppt-design-skill/tree/HEAD

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

PPT 디자인 스킬은(는) 무엇을 하나요?

주제와 원자료를 설계된 논증으로 변환하세요 — 장식된 문서가 아닙니다. 정적 디자인과 모션 디자인은 동등한 시민입니다: 데크는 페이지별로 잘 읽혀야 하고, 재생될 때 잘 움직여야 합니다.

이 파일은 단일 진입점입니다. 일관성을 유지해야 하는 결정을 담고 있으며, references/ 파일은 상세 지식을, workflows/ 파일은 실행 가능한 절차를, examples/는 추상화된 디자인 패턴을 담고 있습니다. 작업에 실제로 필요한 참조만 읽으세요.

언제 무엇을 읽을까

작업참조 파일
새 데크의 콘텐츠와 스토리 계획workflows/create-presentation.md + references/content-strategy.md
한 페이지 잘 디자인하기workflows/design-slide.md + references/slide-patterns.md
보기 흉하거나 지저분한 페이지 진단/수정workflows/improve-slide.md
한 슬라이드에 애니메이션 추가workflows/create-slide-animation.md
전체 애니메이션 데크 제작workflows/create-animated-presentation.md
완성된 데크 검토 (정적 + 동적)workflows/review-presentation.md + references/quality-control.md
색상/글꼴/그리드 선택references/color-system.md, references/typography.md, references/layout-system.md
차트 및 데이터 스토리텔링references/data-visualization.md
이미지, 아이콘, 텍스처references/visual-assets.md
시나리오별 스타일링references/presentation-scenarios.md
모션: 원칙, 타임라인, Morph, 패턴, 코드references/animation-fundamentals.md → animation-timeline.md → slide-transitions.md → advanced-animation.md → motion-design.md → animation-patterns.md → animation-implementation.md
PPTX 내부 이해/생성references/pptx-technical-guide.md
전체 참조 데크 복제workflows/replicate-deck.md + references/replica-modes.md
한 페이지 복제/재사용workflows/replicate-slide.md
템플릿 또는 마스터 추출workflows/extract-template.md
글꼴 식별, 일치 또는 라이선스 취득workflows/extract-fonts.md
레이아웃, 컴포넌트, 애니메이션 레시피 채굴workflows/extract-assets.md
개인 라이브러리 검색 또는 구성workflows/asset-library.md + references/asset-library-schema.md

작업명 별칭 (동일한 워크플로우, 호출자 호환성 유지): create-deck → create-presentation, improve-slide → improve-slide, animate-slide → create-slide-animation, review-deck → review-presentation, extract-assets → extract-assets.

복제 및 개인 에셋 라이브러리

'처음부터 디자인' 외에 두 가지 기능이 있습니다:

  1. 복제 (replicate-deck, replicate-slide)에는 세 가지 계약이 있습니다: A 원형 재사용 (정확함; 마스터/차트/애니메이션 보존됨), B 구조적 재구축 (편집 가능; 글꼴/효과 근사됨), C 시각적 모방 (이미지 기반; 텍스트만). 항상 모드를 명시하고, C를 편집 가능하다고 제시하지 않으며, 대체 후 100% 충실도를 주장하지 마십시오.
  2. 라이브러리 (E:\PPT-Design-Assets\)에는 50개의 템플릿, 50개의 독립형 마스터, 24개의 페이지 패턴, 680개의 컴포넌트, 64개의 애니메이션 레시피 및 글꼴 레지스트리가 있습니다. 디자인하기 전에 검색하고(scripts/asset_search.py, --compose), 사용된 에셋 ID를 기록하십시오.

이에 대한 측정된 증거는 references/replica-modes.md 및 references/asset-library-schema.md에 있으며, 절차는 위의 6개 워크플로우에 있습니다.

표준

완성된 데크는 5가지 테스트를 통과합니다:

  1. 하나의 데크, 하나의 세계. 로고를 제거해도 낯선 사람이 세 개의 슬라이드가 어떤 데크에서 왔는지 알 수 있어야 합니다.
  2. 모든 페이지에는 역할이 있습니다. 페이지는 논증을 진전시키고, 증거를 제공하며, 쉼을 만들거나, 결정을 요청합니다. 채우기 페이지는 없습니다.
  3. 계층 구조는 눈을 가늘게 뜨고 봐도 살아 있습니다. 썸네일 크기(연락처 시트 테스트)에서 의도된 1차/2차/3차 읽기가 여전히 보여야 합니다.
  4. 우연한 장식은 없습니다. 모든 선, 이미지, 색상 필드 및 숫자는 그 자리를 차지할 자격이 있습니다.
  5. 모션은 의미입니다. 애니메이션은 드러내고, 안내하고, 비교합니다. 애니메이션을 제거해도 정보 손실이 없고 완성도가 높아지지 않는다면 제거하십시오.

'더 디자인된 것'을 목표로 하지 마십시오. 하나 또는 두 개의 기억에 남는 움직임이 있는 하나의 명확한 시각적 논증을 목표로 하십시오.

증거 기반 (측정된 것, 추측이 아님)

소스 코퍼스의 전체 구조 + 애니메이션 스캔에서 파생되었습니다. 비교를 위한 범위로 취급하고, 절대적인 법칙으로 취급하지 마십시오.

  • 캔버스: 94/102 데크에서 16:9, 13.333×7.5 인치. 인쇄/레거시용 4:3 (5개 데크); 배너 스타일 공개 보고서 데크용 초광각 3.5554. 데크당 하나의 캔버스.
  • 페이지당 도형: 중앙값 10, 평균 ~16, p90 24. 밀집 데이터 페이지는 30–55에 도달.
  • 글자 크기 (pt): 본문 12–18; 작은 레이블 8–11; 소제목 20–28; 페이지 제목 24–44; 섹션/문장 44–80; 표지/메가 숫자 88–344. 본문 텍스트는 일반적으로 12–18 pt, 가장 일반적으로 14–18.
  • 팔레트: 압도적으로 2–3색 — 흑백 또는 거의 중립적인 필드에 하나의 채도 높은 악센트 (예: FFD23C, C3DF21, 0F6FC6)와 하나의 중립 지원 톤. 전문 악센트 예: #FFD23C #C3DF21 #FF008E #00EBFF #0F6FC6 #D51C3B #7EAB28 #0535D1.
  • 글꼴 (CJK): 微软雅黑 / 思源黑体 계열이 지배적; 더 무거운 디스플레이 서체(思源黑体 Heavy/Bold, 庞门正道标题体)는 제목에 사용. 글꼴 (라틴): Segoe UI / Segoe UI Light, Lato, Arial, Calibri. 반복적으로 사용되는 무료/상업적 안전 세트: 思源黑体 + Lato.
  • 차트: 55개 데크에 차트 포함. 분포: 막대 183, 파이 78, 도넛 67, 선 37, 버블 16, bar3D 13, 산점도 12, 영역 11, 레이더 8. 차트는 포함된 통합 문서가 있는 기본 편집 가능한 개체입니다 — 차트 그림이 아닌 편집 가능한 차트를 사용하십시오.
  • 애니메이션 적용 범위: 4235개 슬라이드 중 1068개에 타이밍 트리가 있습니다. 742개에 전환이 있습니다. Morph는 183개 슬라이드에 나타나고, push 169, fade 149, 그리고 추가로 128개는 다른 전환 프리셋을 사용합니다.
  • 효과 구성: 시작 효과 Fade (701) 및 Zoom (371)이 선두를 차지하고, Fly In (248) 및 Wipe (141)가 뒤따릅니다; 강조는 미묘한 '변경/강조' 효과가 지배적입니다; 모션 경로는 있지만 드물고 의도적입니다.
  • 타이밍 문법: 지배적인 노드 관계는 withEffect (2678) 다음으로 afterEffect (652), clickEffect (473). 지연은 0 / 100 / 300 / 500 ms에 집중되고 지속 시간은 500 / 1000 / 2000 ms에 집중되며, 공개 시 decel 이징이 사용됩니다.
  • 스케일: 강조 펄스는 1.25× → 0.80× 쌍(animScale 125000/80000)을 사용합니다.
  • 실제로 사용된 고급 미디어: 기본 3D 모델 (am3d:model3d) 및 포함된 비디오 — 라이브러리가 내보낼 수 없는 것을 지원한다고 주장하지 마십시오.
  • 2차 코퍼스 (4314개 슬라이드): 105개 분석된 패키지, 241개 마스터, 1393개 레이아웃, 66개 고유 테마, 1099개의 타이밍 트리가 있는 슬라이드, 183개의 Morph 페이지; 전환: morph 183, push 173, wipe 16.
  • 애니메이션 샘플 (50개 큐레이션된 데크): 984개 효과 노드 → 64개 레시피; 시작 효과 Grow & Turn 144, Fade 141, Wipe 102, Fly In 52; 강조 효과 Spin 247.
  • 큐레이션 후 에셋 산출량: 50개 템플릿, 50개 마스터, 24개 페이지 패턴, 680개 컴포넌트 (52개 기본 차트, 160개 도형, 160개 아이콘), 64개 애니메이션 레시피, 129개 글꼴 레코드 / 88개 패밀리 (26개 OFL 파일 복사됨).
  • 복제 교정 (viz-01, 3페이지): A SSIM 1.000; B 0.674 (편집 가능한 재구축); C 0.978 (이미지 기반). 평균만이 아닌 페이지별로 보고하십시오.
  • 모드-B 시각적 교정 (5개 데크 × 6페이지): 0.782 비즈니스, 0.660 기술, 0.915 데이터, 0.865 편집, 0.751 크리에이티브. 레이아웃 모자이크, a:srcRect 자르기 및 <a:alpha> 오버레이가 적용됩니다; 이미지 필터 및 그림자는 여전히 생략되므로 낮은 페이지는 평균화하지 않고 보고해야 합니다.

양보할 수 없는 것

  • 캔버스: 데크당 하나, 세로형/초광각 브리프가 아닌 한 16:9 13.333×7.5 인치.
  • 그리드: 일정한 거터가 있는 열 그리드 (기본 12열); 콘텐츠 블록이 여기에 스냅됩니다. 의도적인 규칙 위반은 드물게 사용됩니다 (데크당 3회 미만).
  • 여백: 일관된 광학적 여백; 전체 배경 이미지 아래에서도 텍스트는 안전 영역을 존중합니다. 전체 배경 이미지는 허용되지만 텍스트는 여전히 안전 영역을 존중합니다.
  • 팔레트: 1개의 지배적인 필드 + 1개의 중립 + 1개의 악센트 (+ 최대 1개의 선택적 보조). ~60/30/10을 사용하십시오. 3페이지 이후에 새로운 악센트를 도입하지 마십시오.
  • 서체: 최대 두 패밀리(하나는 디스플레이, 하나는 본문) 및 세 가지 두께. 레벨 간 명확한 비율(≈1.3–1.5×)을 유지하십시오. 거의 동일한 네 가지 크기를 사용하지 마십시오.
  • 텍스트 밀도: 표지 4–12단어; 문장/섹션 10–35; 콘텐츠 40–110; 밀집 분석 120–220. 페이지에 더 많은 텍스트가 필요하면 페이지를 나누고, 12pt 미만으로 줄이지 마십시오.
  • 이미지 처리: 하나의 처리 방식을 선택하고(자연스러움 / 따뜻한 편집 / 차가운 건축 / 듀오톤 / 단색 / 합성) 데크 전체에 적용하십시오.
  • 하나의 모티프: 규칙, 자르기, 점, 숫자, 대괄호 또는 반복되는 이미지 마스크가 4–8 페이지에 반복됩니다 — 모든 페이지는 아닙니다.
  • 데크당 하나의 기억에 남는 움직임: 거대한 숫자, 헤드라인 벽, 잘라낸 주제, 일렉트릭 악센트, 가장자리에서 가장자리까지의 유형 자르기. 주변의 모든 것을 조용히 유지하여 보호하십시오.
  • 애니메이션 예산: 지속적인 움직임보다 공개(reveal)를 선호하십시오. 슬라이드당 동시 움직임을 ≤3개 개체로 유지하고, 장식용으로 애니메이션을 사용하지 마십시오.

목차

  • references/ — content-strategy, design-principles, layout-system, typography, color-system, visual-assets, data-visualization, slide-patterns, presentation-scenarios, animation-fundamentals, advanced-animation, animation-timeline, motion-design, slide-transitions, animation-patterns, animation-implementation, pptx-technical-guide, quality-control, replica-modes, asset-library-schema.
  • workflows/ — create-presentation, design-slide, improve-slide, create-slide-animation, create-animated-presentation, review-presentation, replicate-deck, replicate-slide, extract-template, extract-fonts, extract-assets, asset-library.
  • examples/design-patterns.md — 추상화되고 재사용 가능한 페이지 및 모션 패턴.
  • scripts/ — 디자인: build_deck.py (JSON 스펙 → 데크), inspect_pptx.py, contact_sheet.py, add_animation.py. 분석/추출: analyze_deck.py, enrich_themes.py, extract_template.py, curate_templates.py, extract_masters.py, extract_fonts.py + fontlib.py, extract_patterns.py, fix_layout_previews.py, extract_components.py, render_component_previews.py, extract_animations.py, build_asset_index.py, asset_search.py. 복제/QA: replicate_deck.py, replicate_slide.py, compare_slides.py, validate_replica.py. 유지보수: collect_stats.py, fix_font_library.py, make_reports.py, run_tests.py. 정확한 명령과 출력은 scripts/README.md를 참조하십시오.

자체 포함

필요한 모든 것은 이 스킬 안에 있습니다. 런타임에 소스 코퍼스를 읽지 않습니다. 코퍼스는 여기에 인용된 측정된 범위만 제공했습니다.

관련 스킬