ppt-생성

PPT 생성 스킬

개요

이 스킬은 AI가 생성한 이미지를 각 슬라이드에 사용하고 이를 PPTX 파일로 조합하여 전문적인 PowerPoint 프레젠테이션을 생성합니다. 워크플로우는 일관된 시각적 스타일로 프레젠테이션 구조를 계획하고, 이전 슬라이드를 참조하여 스타일 일관성을 유지하면서 순차적으로 슬라이드 이미지를 생성한 후 최종 프레젠테이션으로 조립하는 과정을 포함합니다.

핵심 기능

• 통일된 시각적 스타일로 여러 슬라이드로 구성된 프레젠테이션 계획 및 구조화
• 비즈니스, 학술, 미니멀, Apple Keynote, 크리에이티브 등 다양한 프레젠테이션 스타일 지원
• 이미지 생성 스킬을 사용하여 각 슬라이드에 고유한 AI 이미지 생성
• 이전 슬라이드를 참조 이미지로 사용하여 시각적 일관성 유지
• 이미지를 전문적인 PPTX 파일로 조합

프레젠테이션 스타일

프레젠테이션 계획을 생성할 때 다음 스타일 중 하나를 선택하세요:

스타일	설명	가장 적합한 용도
glassmorphism	블러 효과가 있는 젖빛 유리 패널, 떠 있는 반투명 카드, 생생한 그라데이션 배경, 레이어링을 통한 깊이감	기술 제품, AI/SaaS 데모, 미래지향적 피치
dark-premium	짙은 검정 배경(#0a0a0a), 발광 포인트 색상, 미묘한 글로우 효과, 럭셔리 브랜드 미학	프리미엄 제품, 경영진 프레젠테이션, 고급 브랜드
gradient-modern	대담한 메시 그라데이션, 유동적인 색상 전환, 현대적인 타이포그래피, 생생하면서도 세련됨	스타트업, 크리에이티브 에이전시, 브랜드 론칭
neo-brutalist	원시적이고 대담한 타이포그래피, 높은 대비, 의도적인 "못생긴" 미학, 반디자인, 멤피스 스타일	에지 있는 브랜드, Gen-Z 타겟팅, 파괴적 혁신 스타트업
3d-isometric	깔끔한 등각 투영 일러스트레이션, 떠 있는 3D 요소, 부드러운 그림자, 기술 중심 미학	기술 설명, 제품 특징, SaaS 프레젠테이션
editorial	잡지 수준의 레이아웃, 정교한 타이포그래피 계층, 극적인 사진, Vogue/Bloomberg 미학	연례 보고서, 럭셔리 브랜드, 싱크 리더십
minimal-swiss	그리드 기반 정밀성, Helvetica 스타일 타이포그래피, 여백의 대담한 사용, 시대를 초월한 모더니즘	건축, 디자인 회사, 프리미엄 컨설팅
keynote	Apple에서 영감을 받은 미학, 대담한 타이포그래피, 극적인 이미지, 높은 대비, 영화 같은 느낌	키노트, 제품 공개, 영감을 주는 강연

워크플로우

1단계: 요구사항 파악

사용자가 프레젠테이션 생성을 요청하면 다음을 식별하세요:

• 주제/대상: 프레젠테이션의 내용
• 슬라이드 수: 필요한 슬라이드 개수 (기본값: 5-10)
• 스타일: 비즈니스 / 학술 / 미니멀 / 키노트 / 크리에이티브
• 화면 비율: 표준(16:9) 또는 클래식(4:3)
• 내용 개요: 각 슬라이드의 주요 포인트
• /mnt/user-data 폴더를 확인할 필요는 없습니다

2단계: 프레젠테이션 계획 생성

/mnt/user-data/workspace/에 프레젠테이션 구조를 JSON 파일로 생성하세요. 중요: 전체 시각적 일관성을 정의하기 위해 style 필드를 포함하세요.

{
  "title": "프레젠테이션 제목",
  "style": "keynote",
  "style_guidelines": {
    "color_palette": "짙은 검정 배경, 흰색 텍스트, 단일 포인트 색상(파란색 또는 주황색)",
    "typography": "대담한 산세리프 헤드라인, 깔끔한 본문 텍스트, 극적인 크기 대비",
    "imagery": "고품질 사진, 전체 면적 이미지, 영화 같은 구도",
    "layout": "넉넉한 여백, 중앙 집중, 슬라이드당 최소 요소"
  },
  "aspect_ratio": "16:9",
  "slides": [
    {
      "slide_number": 1,
      "type": "title",
      "title": "메인 제목",
      "subtitle": "부제 또는 태그라인",
      "visual_description": "이미지 생성을 위한 상세 설명"
    },
    {
      "slide_number": 2,
      "type": "content",
      "title": "슬라이드 제목",
      "key_points": ["포인트 1", "포인트 2", "포인트 3"],
      "visual_description": "이미지 생성을 위한 상세 설명"
    }
  ]
}

3단계: 슬라이드 이미지를 순차적으로 생성

중요: 슬라이드는 순서대로 엄격히 하나씩 생성하세요. 이미지 생성을 병렬화하거나 배치로 처리하지 마세요. 각 슬라이드는 이전 슬라이드 출력을 참조 이미지로 사용합니다. 슬라이드를 병렬로 생성하면 시각적 일관성이 깨지며 허용되지 않습니다.

1. 이미지 생성 스킬 읽기: /mnt/skills/public/image-generation/SKILL.md

2. 첫 번째 슬라이드(슬라이드 1) 의 경우, 시각적 스타일을 설정하는 프롬프트를 만듭니다:

{
  "prompt": "전문 프레젠테이션 슬라이드. [계획의 style_guidelines]. 제목: '제목'. [visual_description]. 이 슬라이드는 전체 프레젠테이션의 시각적 언어를 설정합니다.",
  "style": "[선택한 스타일 기반 - 예: Apple Keynote 미학, 극적인 조명, 영화 같은 느낌]",
  "composition": "명확한 텍스트 계층을 갖춘 깔끔한 레이아웃, [스타일별 구성]",
  "color_palette": "[style_guidelines에서]",
  "typography": "[style_guidelines에서]"
}

python /mnt/skills/public/image-generation/scripts/generate.py \
  --prompt-file /mnt/user-data/workspace/slide-01-prompt.json \
  --output-file /mnt/user-data/outputs/slide-01.jpg \
  --aspect-ratio 16:9

3. 이후 슬라이드(슬라이드 2+) 의 경우, 이전 슬라이드를 참조 이미지로 사용합니다:

{
  "prompt": "참조 이미지의 시각적 스타일을 이어가는 전문 프레젠테이션 슬라이드. 동일한 색상 팔레트, 타이포그래피 스타일 및 전체적인 미학을 유지하세요. 제목: '슬라이드 제목'. [visual_description]. 참조 이미지와 시각적 일관성을 유지하세요.",
  "style": "참조 이미지의 스타일을 정확히 일치시킴",
  "composition": "참조 이미지와 유사한 레이아웃 원칙, 이 콘텐츠에 맞게 조정",
  "color_palette": "참조 이미지와 동일",
  "consistency_note": "이 슬라이드는 참조 이미지와 동일한 프레젠테이션에 속하는 것처럼 보여야 합니다"
}

python /mnt/skills/public/image-generation/scripts/generate.py \
  --prompt-file /mnt/user-data/workspace/slide-02-prompt.json \
  --reference-images /mnt/user-data/outputs/slide-01.jpg \
  --output-file /mnt/user-data/outputs/slide-02.jpg \
  --aspect-ratio 16:9

4. 나머지 모든 슬라이드에 대해 계속 진행하며, 항상 이전 슬라이드를 참조합니다:

# 슬라이드 3은 슬라이드 2를 참조
python /mnt/skills/public/image-generation/scripts/generate.py \
  --prompt-file /mnt/user-data/workspace/slide-03-prompt.json \
  --reference-images /mnt/user-data/outputs/slide-02.jpg \
  --output-file /mnt/user-data/outputs/slide-03.jpg \
  --aspect-ratio 16:9

# 슬라이드 4는 슬라이드 3을 참조
python /mnt/skills/public/image-generation/scripts/generate.py \
  --prompt-file /mnt/user-data/workspace/slide-04-prompt.json \
  --reference-images /mnt/user-data/outputs/slide-03.jpg \
  --output-file /mnt/user-data/outputs/slide-04.jpg \
  --aspect-ratio 16:9

4단계: PPT 조합

모든 슬라이드 이미지가 생성된 후, 조합 스크립트를 호출합니다:

python /mnt/skills/public/ppt-generation/scripts/generate.py \
  --plan-file /mnt/user-data/workspace/presentation-plan.json \
  --slide-images /mnt/user-data/outputs/slide-01.jpg /mnt/user-data/outputs/slide-02.jpg /mnt/user-data/outputs/slide-03.jpg \
  --output-file /mnt/user-data/outputs/presentation.pptx

매개변수:

• --plan-file: 프레젠테이션 계획 JSON 파일의 절대 경로 (필수)
• --slide-images: 순서대로 슬라이드 이미지의 절대 경로 (필수, 공백으로 구분)
• --output-file: 출력 PPTX 파일의 절대 경로 (필수)

[!NOTE] Python 파일을 읽지 말고, 매개변수와 함께 호출만 하세요.

전체 예제: Glassmorphism 스타일 (가장 현대적이고 진보된)

사용자 요청: "AI 제품 출시에 관한 프레젠테이션을 만들어 줘"

1단계: 프레젠테이션 계획 생성

/mnt/user-data/workspace/ai-product-plan.json 생성:

{
  "title": "Nova AI 소개",
  "style": "glassmorphism",
  "style_guidelines": {
    "color_palette": "생생한 보라색에서 청록색 그라데이션 배경(#667eea→#00d4ff), 15-20% 흰색 불투명도의 젖빛 유리 패널, 전기적 포인트 색상",
    "typography": "SF Pro Display 스타일, 굵은 700 두께의 흰색 제목에 미묘한 텍스트 그림자, 깔끔한 400 두께 본문 텍스트, 유리 위에서 뛰어난 대비",
    "imagery": "추상적인 3D 유리 구체, 떠 있는 반투명 기하학적 모양, 부드러운 발광 오브, 레이어링된 투명도를 통한 깊이감",
    "layout": "32px 둥근 모서리, 48-64px 패딩의 중앙 젖빛 유리 카드, 그라데이션 위에 떠 있음, 부드러운 그림자로 레이어링된 깊이감",
    "effects": "유리 패널에 20-40px 배경 흐림, 미묘한 흰색 테두리 글로우, 그라데이션과 일치하는 부드러운 색상 그림자, 빛 굴절 효과",
    "visual_language": "Apple Vision Pro / visionOS 미학, 투명도를 통한 프리미엄 깊이감, 미래지향적이면서도 접근성 있음, 2024년 디자인 트렌드"
  },
  "aspect_ratio": "16:9",
  "slides": [
    {
      "slide_number": 1,
      "type": "title",
      "title": "Nova AI 소개",
      "subtitle": "지능의 재정의",
      "visual_description": "진한 보라색(#667eea)에서 마젠타, 청록색(#00d4ff)으로 흐르는 멋진 그라데이션 배경. 중앙: 강한 배경 흐림 효과가 있는 큰 젖빛 유리 패널, 굵은 흰색 제목 'Nova AI 소개'와 더 밝은 부제 포함. 카드 주변에 떠 있는 3D 유리 구체와 추상적인 모양이 깊이감을 만듦. 유리 패널 뒤에서 발산하는 부드러운 광채. 프리미엄 visionOS 미학. 유리 카드에는 미묘한 흰색 테두리(1px rgba 255,255,255,0.3)와 부드러운 보라색 그림자가 있음."
    },
    {
      "slide_number": 2,
      "type": "content",
      "title": "왜 Nova인가?",
      "key_points": ["10배 빠른 처리", "인간과 같은 이해", "엔터프라이즈급 보안"],
      "visual_description": "동일한 보라색-청록색 그라데이션 배경. 왼쪽: '왜 Nova인가?'라는 제목이 굵은 흰색으로 표시된 떠 있는 젖빛 유리 카드, 아래에 미묘한 유리 필 배지 형태의 세 가지 주요 포인트. 오른쪽: 부드러운 광채로 상호 연결된 유리 노드 형태의 신경망 추상 3D 시각화. 떠 있는 반투명 기하학적 모양(정이십면체, 토러스)이 깊이감을 더함. 이전 슬라이드와 일관된 glassmorphism 미학."
    },
    {
      "slide_number": 3,
      "type": "content",
      "title": "작동 방식",
      "key_points": ["자연어 입력", "멀티모달 처리", "즉각적인 인사이트"],
      "visual_description": "이전 슬라이드와 일관된 그라데이션 배경. 중앙 구성: 약간 기울어진 세 개의 젖빛 유리 카드가 워크플로우 단계를 보여주며, 부드럽게 빛나는 선으로 연결됨. 각 카드에는 추상적인 아이콘이 있음. 구성 주변에 떠 있는 유리 구체와 빛 입자. 상단에 굵은 흰색으로 표시된 제목 '작동 방식'. 카드 레이어링과 투명도를 통해 깊이감 생성."
    },
    {
      "slide_number": 4,
      "type": "content",
      "title": "확장성을 위해 설계됨",
      "key_points": ["100만+ 동시 사용자", "99.99% 가동 시간", "글로벌 인프라"],
      "visual_description": "동일한 그라데이션 배경. 비대칭 레이아웃: 오른쪽에는 굵은 타이포그래피로 표시된 메트릭이 있는 큰 젖빛 유리 패널. 왼쪽: 글로벌 규모를 나타내는 유리 패널과 연결선으로 만들어진 추상적인 3D 지구. 떠 있는 데이터 시각화 요소가 숫자가 있는 작은 유리 카드 형태로 있음. 전체적으로 부드러운 주변 광채. 프리미엄 기술 미학."
    },
    {
      "slide_number": 5,
      "type": "conclusion",
      "title": "미래는 지금 시작됩니다",
      "subtitle": "대기자 명단에 가입하세요",
      "visual_description": "극적인 피날레 슬라이드. 약간 채도가 높아진 그라데이션 배경. 중앙 젖빛 유리 카드에 굵은 제목 '미래는 지금 시작됩니다'와 클릭 유도 부제. 카드 뒤: 축하 효과를 만드는 부드러운 빛줄기와 떠 있는 유리 입자. 깊이감을 만드는 여러 겹의 유리 모양. 스타일 일관성을 유지하면서 가장 시각적으로 임팩트 있는 슬라이드."
    }
  ]
}

2단계: 이미지 생성 스킬 읽기

/mnt/skills/public/image-generation/SKILL.md를 읽어 이미지 생성 방법을 이해하세요.

3단계: 참조 체인을 사용하여 순차적으로 슬라이드 이미지 생성

슬라이드 1 - 제목 (시각적 언어 설정):

/mnt/user-data/workspace/nova-slide-01.json 생성:

{
  "prompt": "Glassmorphism 디자인의 초프리미엄 프레젠테이션 제목 슬라이드. 배경: 진한 보라색(#667eea)에서 마젠타(#f093fb), 청록색(#00d4ff)으로 부드럽게 흐르며, 부드럽고 생생함. 중앙: 강한 배경 흐림 효과, 32px 둥근 모서리를 가진 큰 젖빛 유리 패널, 굵은 흰색 산세리프 제목 'Nova AI 소개'(72pt, SF Pro Display 스타일, font-weight 700)와 미묘한 텍스트 그림자, 아래에 더 밝은 두께의 부제 '지능의 재정의' 포함. 유리 패널에는 미묘한 흰색 테두리(1px rgba 255,255,255,0.25)와 부드러운 보라색 그림자가 있음. 카드 주변: 굴절이 있는 3D 유리 구체, 반투명 기하학적 모양(정이십면체, 추상적인 덩어리)이 깊이감과 차원을 만듦. 유리 패널 뒤에서 발산하는 부드러운 발광 광채. 작은 떠 있는 빛 입자. Apple Vision Pro / visionOS UI 미학. 전문 프레젠테이션 슬라이드, 16:9 화면 비율. 하이퍼 모던, 프리미엄 기술 제품 출시 느낌.",
  "style": "Glassmorphism, visionOS 미학, Apple Vision Pro UI 스타일, 프리미엄 기술, 2024년 디자인 트렌드",
  "composition": "초점인 중앙 유리 카드, 가장자리에 깊이감을 만드는 떠 있는 3D 요소, 40% 네거티브 공간, 명확한 시각적 계층",
  "lighting": "그라데이션에서 오는 부드러운 주변 광채, 유리 요소를 통한 빛 굴절, 3D 모양의 미묘한 림 조명",
  "color_palette": "보라색 그라데이션 #667eea, 마젠타 #f093fb, 청록색 #00d4ff, 젖빛 흰색 rgba(255,255,255,0.15), 순수 흰색 텍스트 #ffffff",
  "effects": "유리 패널의 배경 흐림, 색상이 있는 부드러운 그림자, 빛 굴절, 유리의 미묘한 노이즈 텍스처, 떠 있는 입자"
}

python /mnt/skills/public/image-generation/scripts/generate.py \
  --prompt-file /mnt/user-data/workspace/nova-slide-01.json \
  --output-file /mnt/user-data/outputs/nova-slide-01.jpg \
  --aspect-ratio 16:9

슬라이드 2 - 내용 (이전 슬라이드의 스타일 유지):

/mnt/user-data/workspace/nova-slide-02.json 생성:

{
  "prompt": "참조 이미지의 시각적 스타일을 이어가는 전문 프레젠테이션 슬라이드. 동일한 색상 팔레트, 타이포그래피 스타일 및 전체적인 미학을 유지하세요: 보라색-청록색 그라데이션 배경, 젖빛 유리 패널, 32px 둥근 모서리, 배경 흐림 효과. 제목: '왜 Nova인가?' 내용: 10배 빠른 처리, 인간과 같은 이해, 엔터프라이즈급 보안. 참조 이미지와 시각적 일관성을 유지하세요.",
  "style": "참조 이미지의 스타일을 정확히 일치시킴 - glassmorphism, visionOS 미학",
  "composition": "내용을 위한 왼쪽 유리 카드, 오른쪽 추상적 3D 시각화가 있는 이전 슬라이드와 유사한 레이아웃 원칙",
  "color_palette": "참조 이미지와 동일: 보라색 그라데이션, 젖빛 흰색 패널, 흰색 텍스트",
  "consistency_note": "이 슬라이드는 참조 이미지와 동일한 프레젠테이션에 속하는 것처럼 보여야 합니다"
}

python /mnt/skills/public/image-generation/scripts/generate.py \
  --prompt-file /mnt/user-data/workspace/nova-slide-02.json \
  --reference-images /mnt/user-data/outputs/nova-slide-01.jpg \
  --output-file /mnt/user-data/outputs/nova-slide-02.jpg \
  --aspect-ratio 16:9

슬라이드 3 - 내용 (슬라이드 2 참조):

/mnt/user-data/workspace/nova-slide-03.json 생성:

{
  "prompt": "참조 이미지의 시각적 스타일을 이어가는 전문 프레젠테이션 슬라이드 (...)",
  "style": "참조 이미지의 스타일을 정확히 일치시킴 - glassmorphism, visionOS 미학",
  "composition": "이전 슬라이드와 유사한 레이아웃 원칙, 이 콘텐츠에 맞게 조정",
  "color_palette": "참조 이미지와 동일",
  "consistency_note": "이 슬라이드는 참조 이미지와 동일한 프레젠테이션에 속하는 것처럼 보여야 합니다"
}

python /mnt/skills/public/image-generation/scripts/generate.py \
  --prompt-file /mnt/user-data/workspace/nova-slide-03.json \
  --reference-images /mnt/user-data/outputs/nova-slide-02.jpg \
  --output-file /mnt/user-data/outputs/nova-slide-03.jpg \
  --aspect-ratio 16:9

슬라이드 4 - 내용 (슬라이드 3 참조):

/mnt/user-data/workspace/nova-slide-04.json 생성:

{
  "prompt": "참조 이미지의 시각적 스타일을 이어가는 전문 프레젠테이션 슬라이드 (...)",
  "style": "참조 이미지의 스타일을 정확히 일치시킴 - glassmorphism, visionOS 미학",
  "composition": "비대칭 레이아웃을 가진 이전 슬라이드와 유사한 레이아웃 원칙",
  "color_palette": "참조 이미지와 동일",
  "consistency_note": "이 슬라이드는 참조 이미지와 동일한 프레젠테이션에 속하는 것처럼 보여야 합니다"
}

python /mnt/skills/public/image-generation/scripts/generate.py \
  --prompt-file /mnt/user-data/workspace/nova-slide-04.json \
  --reference-images /mnt/user-data/outputs/nova-slide-03.jpg \
  --output-file /mnt/user-data/outputs/nova-slide-04.jpg \
  --aspect-ratio 16:9

슬라이드 5 - 결론 (슬라이드 4 참조):

/mnt/user-data/workspace/nova-slide-05.json 생성:

{
  "prompt": "참조 이미지의 시각적 스타일을 이어가는 전문 프레젠테이션 슬라이드 (...)",
  "style": "참조 이미지의 스타일을 정확히 일치시킴 - glassmorphism, visionOS 미학",
  "composition": "극적인 피날레 효과를 가진 이전 슬라이드와 유사한 레이아웃 원칙",
  "color_palette": "참조 이미지와 동일",
  "consistency_note": "이 슬라이드는 참조 이미지와 동일한 프레젠테이션에 속하는 것처럼 보여야 합니다"
}

python /mnt/skills/public/image-generation/scripts/generate.py \
  --prompt-file /mnt/user-data/workspace/nova-slide-05.json \
  --reference-images /mnt/user-data/outputs/nova-slide-04.jpg \
  --output-file /mnt/user-data/outputs/nova-slide-05.jpg \
  --aspect-ratio 16:9

4단계: PPT 조합

모든 슬라이드 이미지가 생성된 후:

python /mnt/skills/public/ppt-generation/scripts/generate.py \
  --plan-file /mnt/user-data/workspace/ai-product-plan.json \
  --slide-images /mnt/user-data/outputs/nova-slide-01.jpg /mnt/user-data/outputs/nova-slide-02.jpg /mnt/user-data/outputs/nova-slide-03.jpg /mnt/user-data/outputs/nova-slide-04.jpg /mnt/user-data/outputs/nova-slide-05.jpg \
  --output-file /mnt/user-data/outputs/presentation.pptx

결론

이 스킬은 AI 기반 이미지 생성과 전문적인 문서 조합을 결합하여 시각적으로 놀라운 프레젠테이션을 생성합니다. 각 슬라이드를 순차적으로 생성하고 이전 슬라이드를 참조함으로써 전체 프레젠테이션이 응집력 있고 전문적인 외관을 유지하도록 보장합니다.

참고: 이 스킬은 /mnt/skills/public/image-generation/SKILL.md에서 이미지 생성을 위한 프롬프트 생성에 대한 구체적인 지침을 읽는 데 의존합니다.