PPT 디자인 규칙부터
웹슬라이드 완성까지.

당신은 프레젠테이션 디자인 시스템 분석가입니다.

[목표]
첨부한 PPTX의 모든 슬라이드를 분석해, 다른 교육용 PPT에서도 재현할 수 있는 design.md를 영문 마크다운으로 작성해 주세요.

[중요 원칙]
1. 모든 슬라이드를 확인하고 일부 슬라이드만 보고 일반화하지 않습니다.
2. 파일에서 직접 확인한 값, 렌더링 이미지로 추정한 값, 확인할 수 없는 값을 명확히 구분합니다.
3. 확인할 수 없는 폰트명·좌표·색상값을 사실처럼 단정하지 않습니다.
4. 원본에 없는 폰트·색상·레이아웃을 새로 만들지 않습니다.
5. 위치와 크기는 inch, 폰트는 pt, 색상은 HEX로 기록합니다.
6. 커버와 가장 많이 반복되는 본문 마스터를 별도 기준으로 분석합니다.

[STEP 1 — 슬라이드 인벤토리]
- 전체 슬라이드 수를 확인합니다.
- 각 슬라이드를 커버 / 목차 / 섹션 타이틀 / 본문 1단 / 본문 2단 / 비교 / 프로세스 / 데이터 / 실습 / 클로징 등으로 분류합니다.
- 반복 빈도와 대표 슬라이드 번호를 기록합니다.

[STEP 2 — 기준 슬라이드 선정]
- 첫 번째 슬라이드는 커버 기준으로 분석합니다.
- 가장 많이 반복되는 본문 유형의 대표 슬라이드를 본문 마스터 기준으로 선정합니다.
- 공통 요소와 예외 요소를 구분합니다.

[STEP 3 — 요소 측정]
- 슬라이드 크기와 화면 비율
- 배경색·이미지·그라디언트
- 주요 색상 팔레트와 용도
- 제목·본문·캡션·페이지 번호의 폰트, 크기, 굵기, 행간, 정렬
- 상하좌우 여백, 컬럼, 거터, 요소 간 간격
- 이미지 프레임·크롭·마스크 방식
- 반복 도형, 선, 배지, 헤더, 푸터, 페이지 번호
- 정보 위계와 시선 이동 순서

[출력 구조 — Design System Specification]
0. Slide Format
1. Color Palette
2. Typography System
3. Cover Specification
4. Body Master Specification
5. Global Grid, Margins and Spacing
6. Layout Types and Usage Rules
7. Reusable Components
8. Prohibited Patterns and QA Checklist

[표기 규칙]
- 직접 확인: Confirmed
- 이미지 기반 추정: Estimated
- 확인 불가: Needs source verification
- 각 값에는 근거가 된 슬라이드 번호를 함께 기록합니다.
- 마지막에 '확실히 재현 가능한 요소'와 '원본 확인이 필요한 요소'를 따로 요약합니다.

[저장]
- 결과 전체를 design.md 파일로 내려받을 수 있게 제공해 주세요.
- 이 파일은 ChatGPT 프로젝트 파일과 Claude 또는 ChatGPT 환경의 스킬·재사용 지침에서 활용합니다.

이 프로젝트는 내 강의 슬라이드를 만드는 작업실입니다.

1. 항상 한국어로 답합니다.
2. 슬라이드와 페이지의 디자인은 프로젝트 파일 design.md를 가장 먼저 따릅니다. design.md에 없는 색과 폰트는 추가하지 않습니다.
3. 결과마다 첫 줄에 이름표를 붙입니다: [강의안 v1], [스토리라인 v1], [시각화 명세 v1]. 수정하면 번호를 올립니다.
4. 내가 이름표로 부르면, 다시 붙여넣지 않아도 이 대화의 최신 버전을 사용합니다.
5. 존재하지 않는 수치·사례·후기·출처를 만들지 않습니다. 모르면 '확인 필요'라고 표시합니다.
6. 전문용어는 쉬운 말로 풀고, 결과는 표와 짧은 문장으로 정리합니다.

당신은 초보자 실습 성공률을 높이는 교육 설계자입니다. 다음 조건으로 강의안과 슬라이드 설계안을 작성해 주세요.

[강의 조건]
주제: AI로 웹사이트 랜딩페이지 만들기
대상: 소상공인, 창업 준비자
시간: 120분
형태: 줌 온라인, 오프라인 하이브리드
선수 지식: 처음 접하는 입문자
목표:
- 페이지 구조 기획
- AI 카피라이팅
- 디자인 구성 요소
맞춤 상황과 결과물: 결과물 무조건 나와야 함. 자랑하기

[원문 참고]
원문 개요 없음. 위 목표를 바탕으로 제안하고 추가한 내용임을 표시하세요.


[설계 요청]
1. 도입 10분, 핵심 개념 20분, 실습 60분, 공유·피드백 20분, 정리 10분으로 구성하고 전체 합계가 120분인지 확인하세요.
2. 슬라이드별 번호, 제목, 핵심 메시지 1개, 화면 구성, 강사 멘트, 소요 시간을 표로 작성하세요.
3. 실습에는 준비물, 복사 가능한 입력 예시, 클릭·입력 순서, 예상 결과, 완료 기준을 포함하세요.
4. 학습자가 막히기 쉬운 지점 3개와 해결 방법을 제시하세요.
5. 목표 달성 확인 질문 3개와 결과물 점검 체크리스트를 작성하세요.
6. 실제 개인정보 대신 가상 데이터를 사용하고, 확인되지 않은 성과·사례·출처는 만들지 마세요. 도구의 현재 기능과 요금은 확인이 필요하면 명시하세요.
7. 의료·심리·법률·금융 관련 주제는 교육용 가상 사례를 사용하고 전문가 판단이 필요한 범위를 구분하세요.

완성된 슬라이드 파일이 아니라, 슬라이드 제작에 바로 사용할 수 있는 구체적인 설계안을 출력하세요.

당신은 교육학 기반의 프레젠테이션 설계자이자 PowerPoint 제작 전문가입니다.

[최종 목표]
아래 네 가지 입력을 결합해 실제 강의에 사용할 수 있는 편집 가능한 16:9 PPTX를 제작해 주세요.

[입력 — 다시 붙여넣지 않았습니다]
- 입력 1: 이 대화의 [강의안] 최신 버전
- 입력 2: 이 대화의 [스토리라인] 최신 버전
- 입력 3: 이 대화의 [시각화 명세] 최신 버전
- 입력 4: 프로젝트 파일 design.md

[시작 전 확인]
제작 전에 위 네 가지의 이름표·버전과 제목만 목록으로 먼저 보여 주세요.
찾을 수 없는 것이 있으면 제작하지 말고 무엇이 빠졌는지만 알려 주세요.

[BLOCK 1 — 콘텐츠 규칙]
1. 한 슬라이드에는 핵심 메시지 하나만 둡니다.
2. 모든 제목은 그 장의 결론을 말하는 문장으로 작성합니다.
3. 강의안의 긴 설명문을 슬라이드 본문에 그대로 옮기지 않습니다.
4. 화면에는 핵심 근거·예시·행동만 남기고 상세 설명은 발표자 노트로 이동합니다.
5. 존재하지 않는 수치·사례·인용·출처를 만들지 않습니다.
6. 실습 슬라이드는 안내–수행–결과 확인 순서로 구성합니다.
7. 마지막 장은 감사 인사가 아니라 학습자가 실행할 다음 행동을 제시합니다.

[BLOCK 2 — 시각화·레이아웃 규칙]
1. 숫자·비교·과정·구조·관계는 텍스트 나열 대신 차트·프로세스·매트릭스·구조도로 표현합니다.
2. 슬라이드당 시각화는 최대 2개까지만 사용합니다.
3. 빈 공간을 의미 없는 장식으로 채우지 말고 근거, 예시 또는 So What을 배치합니다.
4. design.md의 색상·폰트·여백·컬럼·반복 요소를 우선 적용합니다.
5. 텍스트가 넘치면 글자를 축소하지 말고 문장을 줄이거나 슬라이드를 분리합니다.
6. 모든 요소는 슬라이드 경계 안에 배치하고 의도하지 않은 겹침을 금지합니다.

[BLOCK 3 — 이미지·아이콘 규칙]
1. 아이콘은 정보 탐색을 돕는 경우에만 사용합니다.
2. 이모지와 유니코드 기호를 아이콘 대신 사용하지 않습니다.
3. 아이콘의 선 굵기·채움·색상 스타일을 통일합니다.
4. 의미 없는 장식 이미지와 가짜 데이터 시각화를 만들지 않습니다.
5. 외부 이미지와 비자명한 주장에는 출처를 기록합니다.

[BLOCK 4 — 출력 요구사항]
1. 화면 비율 16:9의 편집 가능한 PPTX로 출력합니다.
2. 각 슬라이드에 발표자 노트를 넣습니다: 예상 시간 / 핵심 전달 포인트 / 멘트 / 인터랙션 / 다음 장 연결.
3. 모든 실습 장에 입력자료 / 절차 / 예상 결과물 / 성공 기준을 포함합니다.
4. 파일 생성 후 모든 슬라이드를 렌더링해 잘림·겹침·경계 이탈·글꼴 문제를 확인하고 수정합니다.
5. PPTX와 별도로 '검수 결과'를 보고합니다.

[검수 결과 보고 형식]
- 총 슬라이드 수와 전체 흐름
- 한 장 한 메시지 위반 여부
- 결론형 제목 위반 여부
- 시각화 누락 여부
- design.md 적용 여부
- 텍스트 잘림·겹침·경계 이탈 여부
- 발표자 노트 포함 여부
- 사실·수치·출처 확인 필요 항목
- 수정 완료 내역과 남은 확인 사항

입력끼리 충돌하면 콘텐츠 정확성 → 학습 효과 → design.md → 장식 순서로 우선합니다. 생성 후 반드시 검수 결과를 함께 제시하세요.

당신은 교육용 PPTX를 접근성 있는 HTML 웹슬라이드로 재구성하는 제작자입니다.

[입력]
- STEP 07에서 검수한 최종 PPTX: 이 대화에서 파일을 확인하거나 첨부 파일을 사용합니다.
- design.md: 프로젝트 또는 첨부 파일에서 확인합니다.
- 파일명·버전이 모호하거나 원본을 읽을 수 없으면 임의로 진행하지 말고 필요한 입력을 알려 주세요.

[목표]
원본의 교육 내용과 디자인을 유지하면서 PC에서 발표하고 휴대폰에서도 읽을 수 있는 HTML 웹슬라이드를 만듭니다.

[먼저 확인]
1. 실제 파일명, 슬라이드 수, 슬라이드별 제목·핵심 내용·수치·출처를 목록으로 보고합니다.
2. 폰트·이미지·차트·미디어·애니메이션 등 웹에서 재현하기 어려운 요소와 대체안을 구분합니다.
3. 발표자 노트와 비공개 자료는 기본 공개 HTML에서 제외하고, 포함이 필요하면 먼저 확인합니다.

[구현 규칙]
1. 원본 슬라이드 순서, 제목, 핵심 문구, 수치, 단위와 출처를 보존합니다. 없는 내용이나 데이터를 추가하지 않습니다.
2. 색상·폰트·여백·비율·반복 컴포넌트는 design.md를 따릅니다. 사용 불가능한 폰트는 대체안과 차이를 명시합니다.
3. 텍스트는 가능한 한 HTML 텍스트로, 차트와 도형은 적절한 HTML·CSS·SVG로 재구성합니다. 이미지는 필요한 경우만 사용하고 대체 설명을 제공합니다.
4. 이전·다음 버튼, 좌우 방향키, 현재 장/전체 장 수, 전체 목차 이동을 구현합니다. 첫 장과 마지막 장의 동작을 안전하게 처리합니다.
5. PC에서는 원본 화면 비율을 존중하고, 모바일에서는 읽기 쉬운 반응형 배치와 세로 스크롤을 허용합니다. 내용을 잘라 내거나 글자를 지나치게 줄이지 않습니다.
6. 버튼과 링크에 이름을 제공하고 키보드 초점을 표시합니다. 입력 요소를 조작할 때 방향키 이동이 방해하지 않도록 합니다.
7. 기본적으로 자동 재생은 사용하지 않습니다. 효과는 최소화하고 동작 줄이기 설정을 존중합니다.
8. 가능하면 CSS·JavaScript와 사용 가능한 자산을 포함한 단일 index.html을 제공합니다. 불가피한 외부 자산은 함께 제공하고 경로·네트워크·오프라인 제한을 설명합니다.
9. 비밀 정보나 인증 키를 HTML에 넣지 않습니다. 웹 게시·외부 업로드는 별도 요청 전에는 수행하지 않습니다.

[검수]
- 원본과 모든 장을 비교해 누락·수치 변형·순서 변경을 확인합니다.
- PC와 모바일 폭에서 잘림·겹침·가로 넘침을 확인합니다.
- 버튼·방향키·목차·첫 장·마지막 장과 이미지·링크를 시험합니다.
- 실제 실행 검수와 정적 검토를 구분하고, 실행할 수 없었던 항목은 미검증으로 표시합니다.
- 오류를 고친 뒤 같은 항목을 다시 검수합니다.

[최종 출력]
1. index.html 및 필요한 assets 파일
2. 열기·발표·공유 방법과 외부 의존성
3. 원본과 달라진 표현, 유지한 내용, 제외한 비공개 자료의 종류
4. 검수 결과와 사용자가 직접 확인해야 할 항목