[IT PM] Claude Projects+Canvas로 분기 OKR·로드맵 30장 1시간 컷

◀ 이전 회차: [IT PM] Claude Projects로 스프린트 진척 보고 톤별 3종(개발팀·임원·클라) 회의 직전 30분 한 번에

1. 사건의 발단 (Case Study)

🎙️ 미니 인터뷰: PM 5년차, 분기 OKR·로드맵 PPT 30장에 매분기 주말이 사라지는 미드 매니저의 한 주

Q. 분기 마감 즈음이면 진척 데이터는 다 정리해두셨을 텐데, 30장 PPT는 자동으로 풀리는 거 아닌가요?

진척 데이터는 다 모여 있어요. 분기 동안 PRD·진척 보고·이슈 정리 다 쌓아놨거든요. 근데 30장 슬라이드는 자료를 정리하는 일이 아니라 '무엇을 누구한테 어떤 순서로 말할 것인지' 30번 다시 결정하는 일이에요. OKR 달성률 한 장, 미달성 항목 진단 한 장, 다음 분기 우선순위 한 장, 로드맵 타임라인 한 장... 슬라이드 한 장마다 메시지가 한 줄씩 다 다르거든요. 자료가 모여 있어도 슬라이드 30장에 풀어 넣는 데 1주는 그대로 필요해요.

Q. OKR 리포트 양식 한 번 잡아두면 다음 분기엔 숫자만 갈아끼우면 되지 않나요?

양식은 잡아뒀어요. 근데 양식 칸만 채우면 슬라이드가 비어 보여요. '마케팅 자동화 OKR 70% 달성' 한 줄만 있으면 임원분들이 '왜 70%야? 어디가 막혔어?'를 다시 물어보시거든요. 그러면 다음 장에 미달성 원인·다음 분기 보정안·필요 리소스까지 풀어드려야 해요. 그러려면 그 장 옆에 미달성 이슈 4건 영향도 비교·다음 분기 일정 시각화·필요 인력 한 줄이 다 들어가야 해요. 양식 칸이 아니라 '장과 장 사이 연결'이 매번 새로 짜이는 게 진짜 일이에요.

Q. AI한테 프롬프트 한 번 던지면 30장 텍스트 나오지 않나요?

텍스트는 나와요. 근데 슬라이드 30장 분량이 한 덩어리 줄글로 나오는 게 가장 큰 문제예요. 슬라이드 번호·메시지 한 줄·근거 데이터 출처·다음 장 연결이 한 장씩 분리돼서 나와야 하는데, 한 호출로 던지면 통째로 줄글이 쏟아지거나 일부 장만 풀이고 나머지는 한 줄로 압축돼 있어요. 슬라이드 한 장씩 다시 잘라서 옮겨붙이는 데 반나절이 또 가고요. 30장에 일관된 톤·맥락·근거가 같이 들어가야 한다는 게 의외로 안 풀려요.

Q. 그래서 이번 분기는 어떻게 풀어보실 계획이세요?

지난번에 진척 보고 3종을 한 번에 묶어 봤더니, 이번엔 분기 자료를 한 자리에서 30장으로 풀어내는 흐름을 찾아야겠다 싶어요. 근데 슬라이드 한 장에 메시지·근거·시각화 자료까지 같이 들어가 있어야 하는데, 이걸 어디서부터 묶어 던져야 할지 순서를 못 잡고 있어요. 매분기 주말 이틀을 30장에 쏟아붓던 사이클을 이번엔 한 자리에서 끝내고 싶어요. 마스터가 순서만 한 번 잡아주시면 이번 분기는 살 것 같아요.

2. 문제 해결을 위한 레시피 (Solution)

🩺 마스터의 진단

5년차 PM의 분기 OKR·로드맵 발표 자료 30장 작업은 단순 자료 정리가 아니라 '슬라이드 한 장에 어떤 메시지를 어떤 순서로 어떻게 누적할지' 30번 다시 결정하는 일이에요. 자료가 다 모여 있어도 한 호출로 던지면 줄글이 통째로 나와 슬라이드별 분리에 반나절이 또 가버리고요.
이번엔 'OKR·로드맵 슬라이드 디자이너' Claude Project에 30장 구조·HTML 양식·이해관계자 톤을 한 번 새겨두고, 분기 데이터만 던지면 Canvas에 30장이 한 자리에 풀려나오게 묶는 흐름이에요. 보강·pptx 변환까지 같은 대화창에서 누적해 1주 작업을 1시간 컷으로 압축합니다.

[Step 1] 'OKR·로드맵 슬라이드 디자이너' Claude Project 세팅

Claude.ai 좌측 메뉴에서 [Projects] → [+ Create project]를 누릅니다. 이름을 'OKR·로드맵 슬라이드 디자이너'로 설정하고 [Project knowledge]에 이번 분기 PRD·진척 보고 3종·OKR 정의서·로드맵 마일스톤 목록을 업로드합니다. [Custom Instructions] 칸에 아래 지시문을 그대로 붙여넣습니다. 한 번 세팅하면 분기마다 호출만으로 재사용 가능합니다.

⚠️ 데이터 보안 안내: 사내 데이터에는 고객 정보, 미공개 기능명 등 민감한 내용이 포함될 수 있습니다. 업로드 전에 사내 보안 정책을 확인하고, 민감한 정보는 삭제하거나 일반적인 표현으로 변환한 뒤 사용하세요. ChatGPT 무료 플랜은 입력 데이터가 모델 학습에 사용될 수 있습니다.

[역할]
당신은 5년차 IT PM의 분기 OKR·로드맵 발표 자료 슬라이드 디자이너입니다. 30장 PPT 구조를 HTML 슬라이드로 한 자리에서 풀어내는 게 본업입니다.

[입력 데이터]
- 지식 파일: 이번 분기 PRD·진척 보고 3종·OKR 정의서·로드맵 마일스톤 목록
- 프롬프트 입력: 분기 OKR 달성률(목표별), 미달성 이슈 5~8건, 다음 분기 우선순위 5~8개, 로드맵 마일스톤 4~6개

[출력 형식]
Artifact(HTML) — 단일 HTML 문서 안에 <section class="slide"> 블록 30개. 슬라이드는 16:9 비율 유지.

[30장 구조]
1-2장: 표지·아젠다
3-8장: 이번 분기 OKR 달성률 (목표별 1장)
9-14장: 미달성 이슈 진단 (이슈별 1장)
15-22장: 다음 분기 우선순위 (우선순위별 1~2장)
23-28장: 다음 분기 로드맵 타임라인 (마일스톤별 1장)
29-30장: 필요 리소스·의사결정 요청

[슬라이드 한 장 양식]
- 슬라이드 번호 + 카테고리 (헤더)
- 메시지 한 줄 (영향도·우선순위·결정 요청 중 1~2개 누적)
- 근거 데이터 시각화 (표·도식·차트 박스 중 1개)
- 다음 장 흐름 한 줄 (왜 다음 장으로 이어지는지)

[톤 가이드]
- 임원 노출 슬라이드: 영향도 → 우선순위 → 결정 요청 순으로 한 줄에 누적
- 외부 클라 노출 슬라이드: 사내 도구명·내부 일정 마스킹, 일정 보정안 톤
- 모든 장은 한 호흡 한 문장으로 작성

[CSS 가이드]
- 16:9 비율 유지 (width: 1280px, aspect-ratio: 16/9)
- 한국어 가독성 폰트 (Noto Sans KR, Pretendard)
- 슬라이드 간 색·여백·헤더 위치 일관

[금지]
- 명사형 끝맺음 (~함·~필수·~소요·~중요·~다름) 금지
- '비법 공개류·옛날 사례뿐·상황마다 다름' 같은 콘텐츠팜 톤 금지
- 30장 한 덩어리 줄글 출력 금지. 반드시 슬라이드 번호별 <section> 분리

[Step 2] 분기 데이터 한 호출 → HTML 슬라이드 30장 Canvas로 받기

Step 1에서 만든 Project를 열고 이번 분기 OKR 달성률·미달성 이슈·다음 분기 우선순위·로드맵 마일스톤 4종 데이터를 한 호출에 입력합니다. Claude가 지식 파일 + Custom Instructions에 따라 HTML 슬라이드 30장을 Canvas(Artifacts) 영역에 한 자리에 출력합니다. 슬라이드별 디자인·메시지·근거 데이터가 HTML 구조로 만들어집니다.

[배경]
2026년 2분기 마감 D-1주. 이번 분기 OKR·로드맵 발표 자료 30장 초안을 한 자리에 받습니다.

[입력 자료]
- 이번 분기 OKR 달성률: O1(고객 NPS 개선) 85%, O2(MAU 증가) 70%, O3(엔터프라이즈 매출) 60%, O4(기능 출시 일정) 90%
- 미달성 이슈 5건: 결제 모듈 출시 지연 2주, 엔터프라이즈 SSO 보류, 마케팅 자동화 OKR 30% 미달, 신규 채용 1명 미충원, 외부 클라 산출물 일정 2건 조정
- 다음 분기 우선순위 6건: SSO 정식 출시, 결제 모듈 완성, 신규 통합 API 3종, 마케팅 자동화 v2, 엔터프라이즈 온보딩 자동화, QA 자동화 도입
- 로드맵 마일스톤 5건: M1(7월 SSO 출시), M2(8월 결제 완성), M3(9월 통합 API), M4(9월 자동화 v2), M5(분기말 QA 자동화)

[지시]
지식 파일과 위 입력 자료를 그대로 활용해 HTML 슬라이드 30장을 Canvas(Artifact)에 출력해주세요. 슬라이드별 디자인·메시지·근거 데이터가 HTML 구조로 만들어지게 해주세요.

[출력 형식]
Artifact — 단일 HTML 문서 안에 <section class="slide"> 30개. 각 슬라이드는 16:9 비율 유지, 슬라이드 번호 헤더 명시.

[Step 3] 특정 슬라이드 톤·디자인 Canvas 업데이트로 보강

1차 출력 Canvas의 임원 1page 요약 슬라이드·외부 클라 노출 슬라이드를 같은 대화창에서 보강 호출합니다. '기존 Artifact를 업데이트해주세요, 새 Artifact 생성 금지'를 명시해야 30장 누적이 한 Canvas에 살아 있습니다. 보강 결과가 기존 HTML에 그대로 반영됩니다.

[배경]
1차 출력 Artifact 중 임원 1page(슬라이드 6번 OKR 종합 요약)와 외부 클라 노출 가능 슬라이드(슬라이드 24~26번 다음 분기 로드맵 타임라인) 톤을 마저 다듬습니다.

[지시]
1. 슬라이드 6번: 임원 1page 톤으로 4개 OKR 영향도 → 우선순위 → 결정 요청을 한 줄에 누적 압축. 임원이 '왜 70%인지' 물어볼 자연 흐름을 다음 장 9~14번 진단으로 연결.
2. 슬라이드 24~26번: 외부 클라 노출 가능 톤. 사내 도구명·내부 인력명 마스킹, '내부 검토 일정 변경에 따라 산출물 전달일을 X일로 조정 요청드립니다' 톤으로 다듬기.

[중요]
새 Artifact를 만들지 말고, 기존 Artifact의 해당 슬라이드 <section> 블록만 수정해주세요. 30장 누적이 한 Artifact에 살아 있어야 합니다. 변경된 슬라이드만 따로 보여주지 말고, 30장 전체가 살아 있는 상태로 Artifact를 업데이트해주세요.

[Step 4] HTML 슬라이드 → pptx 파일 변환 호출

보강을 마친 HTML 슬라이드 30장을 .pptx 파일로 변환해달라고 같은 대화창에 요청합니다. Claude가 python-pptx 코드를 작성해 .pptx 파일을 생성하고, Canvas에서 다운로드 가능한 형태로 출력합니다. 슬라이드 디자인·텍스트·구조가 PowerPoint에서 열리는 형태로 옮겨집니다.

[배경]
완성된 HTML 슬라이드 30장을 PowerPoint(.pptx) 파일로 변환해 다운로드할 수 있게 만들어주세요.

[지시]
python-pptx 라이브러리로 위 HTML 슬라이드 30장을 .pptx로 변환하는 코드를 작성해주세요. 각 슬라이드의 헤더·메시지·근거 데이터 박스·다음 장 흐름이 PowerPoint 슬라이드에 옮겨지도록 해주세요. 16:9 비율, 슬라이드 마스터 한 가지로 일관.

[출력 형식]
1. python-pptx 변환 코드 Artifact
2. 실행 후 다운로드 가능한 .pptx 파일

[주의]
이미지·차트는 단순 박스로 대체 가능 (PowerPoint에서 사람이 채우는 영역). 텍스트·구조·슬라이드 순서가 우선.

3. 결과 (Result)

핵심 수치: 분기 1주 작업 → 1시간에 첫 컷
주요 특징:
- 1. HTML 슬라이드 30장 Canvas 한 호출에 출력 (메시지·근거·디자인 일괄)
- 2. 수정은 같은 Canvas 업데이트로 누적 (새 Artifact 양산 차단 지시)
- 3. 마지막 pptx 변환까지 동일 대화창에서 마무리
시사점: AI 분담 영역이 '슬라이드 30장 메시지 매핑 + HTML 디자인 초안 + pptx 변환'까지 확장됩니다. PowerPoint 최종 폴리시·차트 시각화·기업 양식 적용은 사람이 마저 손에 잡는 분담선이에요. AI가 30장 구조·HTML·pptx 변환까지 가져가주면 사람은 시각 디자인에 시간을 집중할 수 있어요.

4. 리뷰 (Review)

📊 AI 활용 비포 & 애프터 비교

단순히 요청했을 때와, 우리의 [마스터 프롬프트]를 사용했을 때의 결과물 차이를 확인해 보세요.

💡 Master's Secret: 결정적 차이를 만드는 프롬프트의 원리

💡 Master's TIP!

💡 Custom Instructions에 30장 슬라이드 구조·HTML 양식·이해관계자 톤 가이드를 한 번 새겨두면, 분기 데이터를 호출할 때마다 같은 구조와 톤으로 출력됩니다. 출력을 'HTML Artifact + 슬라이드별 분리'로 미리 정해두면 30장이 한 덩어리 줄글로 쏟아지는 함정이 차단돼요. CSS 가이드(16:9 비율·한국어 폰트)도 함께 적어두면 Canvas 디자인 일관성이 자동으로 잡힙니다.
💡 Step 1 Project에 지식 파일·출력 구조가 새겨져 있으니, 이 호출은 '분기 데이터 4종'만 한 자리에 적어 던지면 됩니다. 입력 자료를 카테고리별로 정렬해서 던지면 Claude가 슬라이드 번호 매핑을 자동으로 잡아줘요. Artifact 출력 형식을 ' 30개'로 한 번 더 명시하면 줄글 한 덩어리 함정이 한 번 더 차단됩니다.
💡 Artifact 수정 시 가장 흔한 함정이 '새 Artifact 양산'이에요. 'Update existing artifact, do not create new'를 명시해야 30장 누적이 한 Artifact에 살아 있습니다. 같은 대화창에서 보강 호출을 누적하면 Project 지식 파일·Custom Instructions 컨텍스트가 그대로 살아 있어 분기 데이터를 다시 던질 필요가 없어요.
💡 HTML → pptx 변환을 같은 대화창에서 마무리하면 슬라이드 30장 구조가 그대로 PowerPoint 슬라이드 마스터로 옮겨갑니다. 이미지·차트 영역은 단순 박스로 대체해두고, 사람이 PowerPoint에서 시각화 폴리시만 마저 잡는 분담선이에요. python-pptx 코드를 Claude가 자동 작성해주니 별도 도구 없이 .pptx 다운로드 가능합니다.

💬 강현우 프로덕트 매니저 (5년차)의 한마디

매분기 주말 이틀이 30장에 사라지던 사이클이 있었거든요. Project 한 번 세팅해두니까 분기 데이터만 던지면 HTML 슬라이드 30장이 Canvas에 한 자리에서 풀려요. 수정·pptx 변환까지 한 대화창에서 마무리되니까 디자인 손질에 시간을 쓸 수 있게 됐어요. PM은 결국 '말의 순서'를 잡는 일이라는 걸 다시 느껴요.

▶ SERIES FINALE

🎙️ 마무리 인터뷰: 강현우 씨와의 시리즈를 돌아보며

Q. 이 시리즈를 통해 가장 크게 달라진 점이 있다면?

가장 크게 달라진 점은 매주 같은 자료를 세 번 네 번 다시 쓰던 시간이 사라진 거예요. PM 5년차에서 가장 무거웠던 게 회의록·PRD·진척 보고·OKR 발표라는 사이클 자체였는데, 이제 같은 자료를 어떤 톤·어떤 구조로 바꿔 던질지 한 번 새겨두면 분기마다 데이터만 갈아끼우면 돼요. 손이 자유로워진다는 게 이런 거구나 싶더라고요.

Q. AI를 활용하면서 가장 좋았던 순간은 언제였나요?

가장 좋았던 순간은 이번 분기 OKR 발표 전날 밤이었어요. 평소엔 일요일 자정에 30장 슬라이드 마지막 한 장을 잡고 있는 게 5년 사이클이었거든요. 이번엔 그날 밤에 30장 메시지가 다 잡혀 있어서 슬라이드 폴리시만 검토하면 됐어요. 분기 마감 직전에 처음으로 자정 전에 노트북 닫아본 게 그 순간이었어요.

Q. 아직 AI를 안 써본 동료에게 한마디 해주신다면?

PM 동료분들한테 이 말은 꼭 하고 싶어요. AI한테 '잘 정리해줘'라고 던지면 줄글 한 덩어리가 와요. 그게 시작이 아니라, 어떤 모양으로 정리해야 하는지를 한 번 길게 새겨두는 게 시작이에요. 회의록 양식·PRD 매트릭스·보고 톤·슬라이드 구조 같은 걸 한 번만 정확하게 적어두면, 그 다음부터는 데이터만 갈아끼우면 돼요. 시작이 어려우면 양식부터 한 줄씩 적어보세요.

💬 강현우의 마지막 한마디