Phase 5
Slideshow Web
PPT 슬라이드쇼 웹페이지 생성 · /slideshow-web-코어2
2
변환 모드
📸
PNG 원본 유지
⌨️
키보드 · 스와이프
🔗
GitHub 공유
실행 명령어 생성기
🎞️
/slideshow-web-코어2 스킬 실행기
프로젝트 폴더를 입력하면 cd 명령어 + 스킬 전문이 자동 생성됩니다
📁 프로젝트 폴더
⚡ 폴더 경로 입력 시 자동 생성 · 빈칸이면 스킬 내용만 표시
폴더를 입력하면 명령어가 생성됩니다...
🔄
실행 절차 (4 Phase)
Phase 1
콘텐츠 수집 + 모드 선택
소스 파악 (PPTX/MD/직접지시/디렉토리) → Mode A(PNG) 또는 Mode B(HTML) 자동 선택. 기존 슬라이드쇼 감지 시 업데이트 모드 실행.
Phase 2-A / 2-B
슬라이드쇼 HTML 생성
Mode A: PPTX→PDF→PNG 변환 후 이미지 뷰어 생성. Mode B: python-pptx로 텍스트·색상 추출 후 완전 HTML 코딩. 외부 의존성 0개.
Phase 3
GitHub 푸시 + 공유 URL
git add → commit → push. GitHub Pages URL 자동 생성. 결과 보고서 출력 (파일명/슬라이드수/용량/URL/조작법).
Phase 4
피드백 반영 (선택)
수정 요청 시 해당 슬라이드만 Edit tool로 수정 → 재푸시. PNG 업데이트 시 변경된 슬라이드만 재생성 (전체 재변환 없음).
Mode A — PNG 기반 (기본 권장)
PPTX 원본 디자인 100% 유지
- PowerPoint COM (pywin32) — 최고 품질, PPTX→PNG 직접
- LibreOffice headless (PyMuPDF) — PPTX→PDF→PNG 2단계
- 둘 다 없으면 Mode B로 자동 폴백
- slides/ 폴더에 slide1.png ~ slideN.png 저장
- git push 시 slides/ 폴더도 함께 add
Mode B — HTML 재코딩
python-pptx 텍스트·색상 추출
- python-pptx로 텍스트·표·제목·불릿 추출
- 원본 색상 (배경·텍스트·강조) 그대로 반영
- 이미지는 [이미지] 플레이스홀더로 표시
- 단일 HTML 파일로 완결 (slides/ 불필요)
- 텍스트 소스, 직접 지시, 디렉토리 스캔 지원
Mode U — 기존 업데이트
변경된 슬라이드만 스마트 처리
- 케이스 A: 내용 수정 → 해당 슬라이드 1개만 재생성
- 케이스 B: 슬라이드 삽입 → PNG 번호 밀기
- 케이스 C: 슬라이드 삭제 → PNG 번호 당기기
- 케이스 D: 전체 재생성 (불가피한 경우에만)
- index.html 슬라이드 수만 동기화, 디자인 유지
✨
생성된 슬라이드쇼 지원 기능
⌨️ 키보드 단축키
| 키 | 동작 |
|---|---|
← → | 이전 / 다음 슬라이드 |
Space | 다음 슬라이드 |
F | 전체화면 토글 |
Home / End | 첫 / 마지막 슬라이드 |
🔧 내장 기능
✅상단 진행 바 (슬라이드 위치 표시)
✅터치 스와이프 (모바일 지원)
✅다크/라이트 테마 토글
✅인쇄 CSS (슬라이드별 페이지 분리)
✅외부 의존성 0개 (오프라인 동작)
✅한글 최적화 (Pretendard/Apple SD/맑은 고딕)
📂 지원 입력 소스
| 소스 유형 | 예시 | 처리 방식 |
|---|---|---|
| PPTX 파일 | presentation.pptx | Mode A 또는 B 선택 |
| 텍스트 파일 | report.md, data.json | Read tool → Mode B |
| 직접 지시 | "프로젝트 현황 발표 10장" | 구성안 작성 → Mode B |
| 디렉토리 | prototype/ | 주요 파일 스캔 → Mode B |