만드는 법
개요 파일 하나와 프롬프트 하나로 모션 슬라이드를 만드는 전체 과정입니다. 처음이라면 위에서부터 차례로 따라 해 보세요.
준비물
- Claude Code: Anthropic의 AI 코딩 도구입니다. 파일을 읽고 쓰고, 브라우저로 결과를 캡처해 확인까지 합니다. 맥·리눅스는 터미널에서 아래 명령으로 설치하고, Claude 유료 요금제나 Anthropic API 계정으로 로그인합니다. Windows나 다른 설치 방법은 공식 문서를 보세요. 모델은 Claude Opus 5.5 이상을 권장합니다.
curl -fsSL https://claude.ai/install.sh | bash- 개요 파일(.md): 아래 ‘개요 쓰기’ 형식을 따릅니다.
- 브라우저: Chrome, Edge, Safari 최신 버전. 글꼴과 3D 라이브러리를 인터넷에서 불러오기 때문에 열 때 인터넷이 필요합니다.
개요 쓰기
프롬프트는 개요에 있는 숫자·이름·인용만 쓰게 되어 있습니다. 개요에 없는 숫자는 화면에도 나오지 않으니, 보여 줄 값은 모두 개요에 적어 주세요.
문서 앞
- 핵심 메시지 한 문장
- 청중, 목적, Part 구성, 숫자 기준일
- (있으면) 톤 원칙. 예: 장 제목은 존댓말, 올해 한 일은 파랑, 내년 할 일은 주황
장마다
| 항목 | 적을 것 |
|---|---|
| 메시지 | 이 장에서 할 말 한 문장 |
| 들어갈 내용 | 숫자·사례·인용의 실제 값과 출처. 인용은 원문 그대로 |
| 청자가 이해할 것 | 듣고 나서 남아야 할 한 문장. 장면 설계의 기준이 됩니다 |
| 장표 자산 | (있으면) 넣을 로고·화면 캡처·사진 경로. 개요 파일 기준 상대 경로 |
빈 틀
# {발표 제목} — 슬라이드 개요
## 발표 설계
핵심 메시지: **"{발표 전체에서 남길 한 문장}"**
- 청중:
- 목적:
- 분량: 본편 {N}장
- 숫자 기준일:
| Part | 장 | 메시지 |
| --- | --- | --- |
| 오프닝 | S1–S2 | |
## S1. 표지
- 제목:
- 부제:
- 발표:
## S2. {장 제목, 존댓말 한 문장}
- 메시지: {이 장에서 할 말 한 문장}
- 들어갈 내용
- {숫자·사례·인용의 실제 값과 출처}
- 장표 자산(있으면): {로고·화면 캡처·사진 경로}
- 청자가 이해할 것: "{듣고 나서 남아야 할 한 문장}"샘플
가상 회사 ‘퍼플’의 AI 도입 1년을 14장으로 정리한 개요입니다. 이 사이트의 샘플 8개가 모두 이 파일 하나로 만들어졌습니다.
개요 파일과 장표 자산 이미지(로고, 화면 캡처, 교육·현장 사진)가 함께 들어 있습니다. 이미지는 모두 가상으로 만든 것입니다. 압축을 풀어 나온 폴더에서 바로 실행하면 됩니다.
샘플 개요 전체 보기
# 퍼플의 AI 업무 도입 1년 — 슬라이드 개요(가상 샘플)
## 발표 설계
핵심 메시지: **"올해는 전사가 AI로 일하는 기반을 깔았습니다. 내년은 핵심 업무부터 다시 설계하고 비용 효과를 측정합니다."**
- 회사: 퍼플(가상). 생활용품 제조·유통, 직원 1,200명, 서울 본사·아산 공장·김해 공장·이천 물류센터
- 청중: 전 팀장 워크숍
- 목적
- 올해 AI 도입으로 한 일과 효과를 처음으로 전체 공유
- 지금 어느 단계에 있는지 확인
- 내년 과제와 각 팀이 준비할 것을 공유
- 분량: 본편 14장
- 숫자 기준일: 10/31
톤 원칙
- 주장 대신 숫자와 현장 원문으로 말함
- 아낀 시간은 설문 자기 보고 기준이라 비용 효과와 구분함
- 각 팀 준비 사항은 지시가 아니라 질문으로 둠
- 장 제목은 존댓말, 본문은 명사형 개조식
- 색: 올해 한 일은 파랑, 내년 할 일은 주황
| Part | 장 | 메시지 |
| --- | --- | --- |
| 오프닝 | S1–S2 | 올해는 기반, 내년은 재설계 |
| 1. 올해의 기록 | S3–S5 | 1월 출발점에서 열 달 만에 무엇이 달라졌나 |
| 2. 진단과 기반 | S6–S8 | 업무를 단계까지 쪼개 보고, 도구와 교육을 깔았다 |
| 3. 효과 | S9–S10 | 아낀 시간과 현장 목소리 |
| 4. 지금 위치와 내년 | S11–S13 | 확산 단계, 내년 핵심 업무 3건, 각 팀이 준비할 것 |
| 마무리 | S14 | 클로징 |
## S1. 표지
- 제목: "AI로 일하는 퍼플"
- 부제: "올해의 기록과 내년 계획"
- 발표: 경영지원본부 AI추진팀
## S2. 올해는 기반을 깔았고, 내년은 핵심 업무를 다시 설계합니다
- 목적: 발표 전체의 결론을 먼저 보여 줌
- 메시지
- 올해: 전사가 AI로 일하는 기반을 깔았습니다
- 내년: 핵심 업무부터 다시 설계하고 비용 효과를 측정합니다
- 청자가 이해할 것: "올해와 내년이 무엇이 다른지 한 문장으로 안다."
## S3. 1월에는 AI가 일부 사람의 도구였습니다
- 목적: 출발점을 보여 줘 이후 변화의 크기를 느끼게 함
- 메시지: 1월 진단에서 대부분의 팀이 수작업과 흩어진 데이터로 일하고 있었습니다
- 들어갈 내용
- 팀마다 따로 쓰는 외부 AI 서비스, 쓰는 사람은 일부
- AI 적용은 IT팀에 맡길 일로 생각
- 1월 14개 팀 인터뷰 결과: 수작업 의존 11개 팀, 데이터가 흩어짐 9개 팀, 맡을 사람 없음 6개 팀
- 청자가 이해할 것: "열 달 전에는 우리도 출발선에 있었다."
## S4. 열 달 동안 이렇게 왔습니다
- 목적: 올해 주요 일정을 한눈에
- 메시지: 진단에서 시작해 도구, 교육, 해커톤까지 열 달
- 들어갈 내용(시간순)
- 2/10 경영회의 · 14개 팀 진단
- 3/17 사내 AI 도구 '퍼플 AI' 오픈
- 4/7 현장 교육 시작
- 6/2 앱 만들기 기능 공개
- 8/25 회의록 기능 공개
- 9/19 첫 사내 해커톤
- 지금: 팀장 워크숍
- 11/24 경영회의 · 내년 계획 발표
- 내년: 핵심 업무 재설계 · 비용 효과 측정
- 청자가 이해할 것: "한 해 동안 무엇이 어떤 순서로 깔렸는지 안다."
## S5. 열 달 만에 직원 셋 중 둘이 AI로 일합니다
- 목적: 변화의 크기를 숫자로
- 메시지: 사내 AI 도구가 일상 업무 도구가 됐습니다
- 들어갈 내용
- 사용자 35명(3월) → 812명(직원 1,200명 중 68%)
- 최근 30일 활성 604명
- 직원이 만든 앱 312개(만든 사람 256명)
- 현장 교육 31회 · 688명
- 주간 사용자(그 주에 한 번 이상 쓴 사람, 3/16 주~10/26 주, 명): 16 · 24 · 31 · 58 · 84 · 103 · 121 · 118 · 147 · 166 · 172 · 214 · 251 · 278 · 296 · 309 · 322 · 331 · 344 · 318 · 309 · 352 · 371 · 412 · 438 · 457 · 471 · 336 · 489 · 462 · 528 · 551 · 563
- 그래프에 표시할 일: 4/7 현장 교육 시작, 6/2 앱 만들기 기능 공개, 8/25 회의록 기능 공개, 9/21 주 추석 연휴
- 기준 10/31 · 사용 기록, 교육 명단
- 청자가 이해할 것: "일부가 아니라 대부분이 쓰고 있다."
## S6. 업무를 단계까지 쪼개 보니 병목이 보였습니다
- 목적: 진단이 어떻게 이뤄졌고 무엇을 찾았는지
- 메시지: 6단계로 알던 구매 발주 업무가 실제로는 19단계였습니다
- 들어갈 내용
- 구매팀 발주 업무: 6단계로 알던 업무 → 실제 19단계
- 병목 3곳: 견적 비교 엑셀 수기 정리, 승인 대기, ERP 재입력
- 바로 되는 것: 엑셀 취합·보고, 반복 대사, 회의 정리
- 먼저 풀 것: ERP 연동, 승인 권한, 협력사 시스템 연결
- 청자가 이해할 것: "AI 이전에 업무 흐름을 정확히 아는 것이 먼저다."
## S7. 사내 AI 도구 '퍼플 AI'가 다섯 가지 일을 합니다
- 목적: 기반이 된 도구가 무엇인지
- 메시지: 문서부터 앱까지, 회사 자료로 일하는 AI 도구를 전 직원에게 열었습니다
- 들어갈 내용
- 문서 작성: 엑셀·PPT·워드를 회사 양식으로
- 메일·일정: 받은 메일 요약, 답장 초안, 일정 정리
- 회의록: 녹음 → 요약·할 일
- 자동 실행: 정해진 시각에 반복 작업
- 앱 만들기: 대화로 만들고 사내에 배포, 권한·보안 포함
- 장표 자산
- 로고: 장표 자산/퍼플 AI 로고.svg
- 화면: 장표 자산/퍼플 AI 화면.png
- 청자가 이해할 것: "퍼플 AI가 무엇을 해 주는지 안다."
## S8. 본사에서 공장과 물류센터까지 직접 찾아가 가르쳤습니다
- 목적: 도구를 어떻게 퍼뜨렸는지
- 메시지: 영상 강의 대신 각 팀 업무로 실습하는 현장 교육을 31회 열었습니다
- 들어갈 내용
- 서울 본사 → 아산 공장 · 김해 공장 · 이천 물류센터
- 31회 · 688명, 만족도 4.8 / 5
- 사업장별 회차: 서울 본사 17 · 아산 공장 6 · 김해 공장 5 · 이천 물류센터 3
- 방식: 팀별 실제 업무로 만든 예제, 결과물을 먼저 보여 주고 그 자리에서 직접 만듦
- 장표 자산(교육 사진): 장표 자산/교육 서울 본사 1.jpg, 장표 자산/교육 서울 본사 2.jpg, 장표 자산/교육 아산 공장.jpg, 장표 자산/교육 김해 공장.jpg, 장표 자산/교육 이천 물류센터.jpg
- 청자가 이해할 것: "교육이 현장 업무와 이어져 있어서 실제로 쓰게 됐다."
## S9. 아낀 시간이 매달 늘었습니다
- 목적: 효과의 크기와 추세
- 메시지: 10월 한 달에 8,400시간을 아꼈고, 1인당 주 2.6시간입니다
- 들어갈 내용
- 월별 아낀 시간: 5월 1,100 · 6월 2,300 · 7월 3,600 · 8월 4,900 · 9월 6,800 · 10월 8,400시간
- 1인당 주 2.6시간(설문 응답 412명 평균)
- 단서: 설문 자기 보고 기준, 비용 효과는 내년에 재무팀과 측정
- 청자가 이해할 것: "효과가 커지고 있고, 아직 비용으로 확인한 것은 아니다."
## S10. 현장은 이렇게 말합니다
- 목적: 숫자 뒤의 실제 변화
- 메시지: 반복 업무가 줄어든 자리에 다른 일이 들어왔습니다
- 들어갈 내용(10월 설문 원문)
- "매주 금요일 오후를 통째로 쓰던 주간 집계가 10분이면 끝납니다." — 이천 물류센터 운영팀
- "엑셀을 잘 몰라도 우리 팀에 맞는 화면을 직접 만들 수 있다는 게 가장 놀라웠습니다." — 김해 공장 품질팀
- "회의록 정리하던 시간에 다음 회의 준비를 합니다." — 본사 영업기획팀
- 장표 자산(인용 순서대로 사진 한 장씩): 장표 자산/현장 이천 물류센터.jpg, 장표 자산/현장 김해 공장.jpg, 장표 자산/현장 본사.jpg
- 청자가 이해할 것: "현장이 체감하는 변화가 있다."
## S11. 지금은 네 단계 중 두 번째, 확산 단계입니다
- 목적: 지금 위치를 확인하고 다음 단계를 예고
- 메시지: 도입을 마치고 확산 단계에 있습니다. 내년은 재설계로 넘어갑니다
- 들어갈 내용
- 1 도입(올해 상반기) → 2 확산(지금) → 3 재설계(내년) → 4 전환(그다음)
- 확산 지표: 30일 활성 50%(604 / 1,200명), 교육 이수 57%(688 / 1,200명)
- 재설계로 넘어가는 조건: 핵심 업무의 흐름을 단계까지 알고, 필요한 데이터를 연결할 수 있음
- 청자가 이해할 것: "우리가 어디쯤 와 있고 다음이 무엇인지 안다."
## S12. 내년에는 핵심 업무 세 가지를 다시 설계합니다
- 목적: 내년 과제를 구체적으로
- 메시지: 구매 발주, 월 결산, 재고 보충을 다시 설계하고 비용 효과를 측정합니다
- 들어갈 내용
- 구매 발주: 19단계 → 목표 8단계
- 월 결산: 마감 6일 → 목표 3일
- 재고 보충: 결품률 기준값 측정 후 개선
- 공통: 재무팀과 기준값을 먼저 재고, 바뀐 뒤 비용 효과 확인
- 청자가 이해할 것: "내년 과제가 무엇이고 성과를 어떻게 확인하는지 안다."
## S13. 각 팀이 준비할 것은 세 가지 질문입니다
- 목적: 청중이 들고 갈 숙제
- 메시지: 11/24 경영회의 전까지 세 가지 질문에 답해 주세요
- 들어갈 내용
- 우리 팀에서 시간이 가장 많이 드는 반복 업무는 무엇인가
- 그 업무에 필요한 데이터는 어디에 있는가
- 누가 AI 담당으로 함께하는가
- 청자가 이해할 것: "돌아가서 무엇을 준비해야 하는지 안다."
## S14. 마무리
- 메시지: "올해는 기반을, 내년은 성과를"
- 핵심 메시지 반복: 올해는 전사가 AI로 일하는 기반을 깔았습니다. 내년은 핵심 업무부터 다시 설계하고 비용 효과를 측정합니다.
가진 자료로 개요 만들기
형식에 맞춰 처음부터 쓰기 어렵다면, 이미 만든 PPT나 발표 자료, 준비해 둔 줄거리를 먼저 개요로 바꿉니다. 자료와 샘플 개요를 한 폴더에 넣고 Claude Code에 이렇게 요청하세요.
발표 자료.pdf를 읽고 샘플 슬라이드 개요.md와 같은 형식으로 개요를 만들어 줘.
장마다 메시지, 들어갈 내용, 청자가 이해할 것을 채워 줘.
숫자·이름·인용은 자료에 있는 그대로 쓰고, 자료에 없는 건 지어내지 말고 '확인 필요'로 표시해 줘.
슬라이드 개요.md로 저장해 줘.- PPT는 PDF로 저장해서 넣는 것이 가장 확실합니다.
- 파일이 없으면 줄거리나 메모를 대화창에 그대로 붙여 넣고 같은 방식으로 요청해도 됩니다.
- 만들어진 개요에서 장 순서와 메시지, ‘확인 필요’ 표시를 먼저 확인하고 고친 뒤에 슬라이드를 만듭니다.
실행하기
- 개요 파일을 새 폴더에 넣습니다. 이미지가 있으면 장표 자산 폴더도 함께 둡니다. 결과 HTML도 이 폴더에 생깁니다.
- 터미널에서 그 폴더로 이동해 Claude Code를 엽니다. 모델이 Opus 5.5 이상이 아니면
/model로 바꿉니다.
cd ~/Desktop/발표
claude- 스타일을 고릅니다. 스타일 페이지에서 파일 이름을 넣고 프롬프트를 복사해 붙여 넣습니다.
- 이제 기다리면 됩니다. Claude Code가 개요를 읽고 장면을 설계해 HTML을 씁니다. 이어서 브라우저 자동화(Playwright)로 장면마다 화면을 캡처해 겹침과 잘림을 고치고, 확인한 장면과 확인하지 못한 장면을 나눠 알려 줍니다. 파일을 쓰거나 명령을 실행할 때는 허락을 묻습니다.
- 저장된 HTML 파일을 브라우저로 엽니다.
장면 설계를 먼저 보고 싶으면
프롬프트의 ‘(선택) 만들기 전에 … 먼저 보여 주고 확인을 받는다’ 줄을 남겨 두면 장면 표나 스토리보드를 먼저 보여 줍니다. 바로 만들게 하려면 그 줄을 지우세요.
만드는 도중 멈추면
장면이 많으면 한 번에 쓸 수 있는 분량을 넘어 멈출 수 있습니다. 그럴 때는 이렇게 다시 요청하세요.
HTML을 머리·엔진·장면 묶음별 조각 파일로 나눠 쓰고 마지막에 합쳐 줘고치기
한 번에 완성하려 하지 말고, 화면을 보며 장면 단위로 고칩니다. 형용사 대신 장면 번호와 값을 짚어 요청하면 정확하게 고쳐집니다.
| 이렇게 말하기보다 | 이렇게 요청합니다 |
|---|---|
| 숫자가 작아 | 5번 장면 숫자를 160px로 |
| 더 빠르게 | 12초 착지를 0.3초로, 감쇠 0.5로 |
| 라벨이 지저분해 | 4번 장면 타임라인 라벨이 겹쳐. 위아래로 번갈아 놓아 줘 |
특정 장면만 보려면 주소 끝에 ?s=5를 붙여 5번 장면부터 엽니다. 고친 뒤 “그 장면을 다시 캡처해서 확인해 줘”라고 덧붙이면 Claude Code가 직접 확인합니다.
발표하기
모든 스타일이 같은 방식으로 넘어갑니다. 장면마다 움직임이 끝나면 멈춰서 다음 키를 기다립니다. 개념 설명은 설명 단계마다 멈춥니다.
| 동작 | 키보드·마우스 | 휴대폰 |
|---|---|---|
| 다음 | → Space Enter PageDown, 클릭 | 탭, 왼쪽으로 밀기 |
| 이전 | ← PageUp | 화면 왼쪽 1/3 탭, 오른쪽으로 밀기 |
| 자동 재생 켜고 끄기 | A | |
| 전체 화면 | F | |
| 처음부터 | H Home | |
| 효과음 켜고 끄기 | M (모션 쇼릴, 한 도형 UI 변신) |
프레젠터 리모컨은 PageDown·PageUp 키를 보내기 때문에 그대로 쓸 수 있습니다. 휴대폰은 가로로 돌리면 화면이 꽉 찹니다.
주소 옵션
?auto | 자동 재생으로 시작. 행사장에서 영상처럼 틀 때 |
?record | 자동 재생하면서 진행 막대와 안내 문구를 숨김. 화면 녹화용 |
?s=5 | 5번 장면부터 |
#5 | 지금 보고 있는 장면 번호. 넘길 때마다 바뀌고, 새로고침하면 그 장면에서 다시 시작 |
MP4로 뽑기
발표장 PC가 느리거나 인터넷이 없으면 MP4로 뽑아 두세요. 다크 파티클 모션을 뺀 7가지 스타일은 재생 시점만으로 화면이 정해지게 만들어서 프레임 단위로 정확히 뽑힙니다.
- Python 3와 ffmpeg를 설치합니다.
- Playwright를 설치합니다.
pip install playwright
playwright install chromium- 도구를 내려받아 HTML과 같은 폴더에 두고 실행합니다.
python3 mp4-render.py 발표.html # 발표.mp4
python3 mp4-render.py 발표.html --from 30 --to 45 # 30~45초만
python3 mp4-render.py 발표.html --fps 60- 프레임마다 화면을 캡처해서 영상 길이보다 오래 걸립니다. 3분 영상이면 20분 안팎(맥 M3 Max 기준)입니다.
- 효과음은 영상에 들어가지 않습니다.
- 다크 파티클 모션은
?record를 붙여 열고 화면을 녹화하세요. 맥은 Shift ⌘ 5입니다.