AI 강의 슬라이드 제작 워크북V1.0

단계 바로가기 · 좌우로 이동해 전체 단계를 확인하세요

3시간 온라인 특강 · 수강생용 워크북 · V1.0

내 강의,
내 스타일로 완성하기

나의 design.md로 강의안과 PPTX를 만들고, 검수한 PPTX를 HTML 웹슬라이드로 확장합니다. 마지막에는 Claude 또는 ChatGPT에서 재사용할 나만의 스킬을 만듭니다.

김진수
AICLab AI콘텐츠융합연구소장 · 메이랜드AI비즈랩

오늘의 흐름

design.md → 프로젝트 → 강의안·스토리라인·시각화 → PPTX·검수 → HTML 웹슬라이드 → 나만의 스킬 순서로 진행합니다. 같은 대화에서는 결과의 이름표를 부르고, 대화가 바뀌면 필요한 자료를 함께 전달합니다.

STEP 01–02디자인·프로젝트design.md 만들고 등록
STEP 03–05강의안·시각화결과를 이름표로 연결
STEP 06–07PPTX·검수원본 파일 완성
STEP 08HTML 웹슬라이드PPTX를 웹으로 변환
STEP 09–10나만의 스킬Claude 또는 ChatGPT

시작 전 준비

입력란과 체크 상태는 이 브라우저에만 저장됩니다. 공용 PC에서는 수업 후 [초기화]를 눌러 주세요.

PART 1 · 나의 design.md

'세련되게'라는 감각을 숫자로 바꿉니다.

이 파일을 ChatGPT 프로젝트와 이후 나만의 스킬·재사용 지침에 활용합니다.

01

참조 PPTX에서 design.md를 만든다

권장 15분 · ChatGPT 새 대화창에서 진행

MISSION재현 가능한 design.md 파일 1개를 내려받아 저장하기

따라 하기

  1. ChatGPT 새 대화창에 참조 PPTX를 첨부합니다.
  2. 프롬프트 01를 복사해 실행합니다.
  3. 결과를 design.md 파일로 내려받습니다.
  4. 아래 5가지를 검수합니다.

design.md의 9개 항목

0 규격 · 1 색상 · 2 폰트 · 3 커버 · 4 본문 마스터 · 5 공통 레이아웃 · 6 레이아웃 유형 · 7 반복 컴포넌트 · 8 금지 규칙과 검수

위치는 inch, 글자는 pt, 색상은 HEX로 통일합니다.

프롬프트 01 · PPTX에서 design.md 추출

      

        
No.검수 항목완료

        
          
01위치는 inch, 글자는 pt, 색상은 HEX로 통일되었는가

          
02원본에 없는 색상이 추가되지 않았는가

          
03실제 폰트와 추정 폰트가 구분되었는가

          
04여백·컬럼·거터가 수치로 기록되었는가

          
05배지·구분선·페이지 번호 등 반복 요소가 포함되었는가

        

      
저장 파일 이름은 design.md 그대로 두고, 찾기 쉬운 곳에 보관합니다. 프로젝트 설정(STEP 02)과 나만의 스킬(STEP 10)에서 다시 씁니다.

    

  


  
  

    
PART 2 · ChatGPT 프로젝트
작업실을 만들고, 한 대화에서 이어갑니다.
프로젝트의 지침과 파일은 그 안의 모든 대화에 적용됩니다. design.md를 대화마다 첨부하지 않습니다.


    

      02
      
ChatGPT 프로젝트를 만든다

      
권장 8분

      
MISSION지침과 design.md가 들어간 프로젝트 1개 만들기

      
  1. 새 프로젝트를 만들고 이름을 내 강의 슬라이드로 정합니다.
  2. 파일 추가에서 design.md를 업로드합니다.
  3. 프로젝트 설정의 지침 칸에 아래 지침을 붙여넣습니다.

      
프로젝트 지침 · 붙여넣기용

      
      
    


    

      
진행 방식

      
프로젝트 안에서 새 대화 하나를 열고 STEP 03 → 04 → 05 → 06 → 07을 실행한 뒤, 완성된 PPTX로 STEP 08을 진행합니다.

      

        
        
      

    


    

      03
      
내 강의를 실습형 과정으로 설계한다

      
권장 8분

      
MISSION시간 합계가 정확한 강의안 1개 → 이름표 [강의안 v1]

      

        
따라 하기
  1. 입력란 9개를 채웁니다.
  2. 입력 내용은 프롬프트에 자동으로 들어갑니다.
  3. 프롬프트 03을 복사해 프로젝트 대화에 붙여넣습니다.

        
좋은 결과의 기준
  • 시간 합계가 입력한 강의 시간과 같습니다.
  • 강사 설명보다 학습자 실습 시간이 깁니다.
  • 결과 맨 위에 [강의안 v1]이 있습니다.

      

      

        

        

        

        

        

        

        

        

        

      

      
프롬프트 03 · 실습형 강의안 설계

      
검수 합계가 다르면 "시간 합계를 다시 맞추고 실습을 50% 이상으로 늘려줘"라고 요청합니다.

      

    


    

      04
      
강의안을 8~12장 스토리라인으로 바꾼다

      
권장 6분

      
MISSION제목만 읽어도 흐름이 보이는 구성표 → 이름표 [스토리라인 v1]

      
붙여넣기 없음 같은 대화에서 프롬프트 04만 실행합니다.

      
자동 반영 보관함의 강의안이 프롬프트 04에 들어가 있습니다.

      
주제형생성형 AI의 장점
결론형생성형 AI는 초안 작성 시간을 줄여준다

      
프롬프트 04 · 슬라이드 스토리라인 변환

      
한 슬라이드에 메시지가 두 개면 내용을 줄이지 말고 슬라이드를 나눕니다.

      

    


    

      05
      
글이 많은 슬라이드 1~2장을 시각화한다

      
권장 6분

      
MISSION결론·레이아웃·So What이 담긴 명세 → 이름표 [시각화 명세 v1]

      

        
숫자·변화숫자 비교 → 막대 차트·KPI
시간 변화 → 선·막대 차트

        
과정·관계단계와 순서 → 프로세스
원인과 결과 → 인과관계도

        
구조·분류개념 구조 → 계층도
두 기준 분류 → 2×2 매트릭스

      

      

        

        

        

        

      

      
프롬프트 05 · 글 중심 슬라이드 시각화

      

    


    

      06
      
이름표 3개와 design.md로 최종 PPT를 만든다

      
권장 10분 · STEP 01에서 만든 design.md는 프로젝트 파일에서 불러옵니다

      
MISSION강의안·스토리라인·시각화 명세 + 프로젝트 파일 design.md로 PPTX 생성하기

      
붙여넣기 없음 AI가 이름표 3개와 프로젝트 파일 design.md를 먼저 확인한 뒤 시작합니다. 빠진 것이 있으면 멈추고 알려 줍니다.

      
자동 반영 보관함 3곳의 결과가 들어가 있습니다. design.md는 프로젝트 파일에서 읽습니다.

      

        
콘텐츠한 장 한 메시지
결론형 제목
없는 수치 금지

        
레이아웃design.md 준수
최대 시각화 2개
넘치면 장 분리

        
출력16:9 PPTX
발표자 노트
검수 결과 보고

      

      
프롬프트 06 · 최종 PPT 생성

    


    

      07
      
제출 전에 일곱 가지를 확인한다

      
권장 4분

      

        
No.검수 질문통과

        
          
01슬라이드마다 핵심 메시지가 하나인가

          
02제목만 읽어도 전체 흐름이 이해되는가

          
03숫자·비교·과정·관계가 시각화되었는가

          
04시각화가 장식이 아니라 내용을 설명하는가

          
05폰트·색상·여백이 design.md와 일치하는가

          
06텍스트 잘림·겹침·경계 이탈이 없는가

          
07마지막에 학습자가 실행할 행동이 제시되는가

        

      
보너스 · 검수 결과로 수정 요청하기

    


    

      08
      
완성된 PPTX를 HTML 웹슬라이드로 바꾼다

      
권장 15분 · PPTX 제작과 검수(STEP 06–07) 후 진행

      
MISSION브라우저에서 발표하고 휴대폰으로 읽을 수 있는 HTML 웹슬라이드 만들기

      
웹슬라이드는 완성된 PPTX를 웹에서 볼 수 있도록 재구성한 결과물입니다. 새 강의 내용을 쓰는 단계가 아닙니다. 원본 PPTX도 함께 보관합니다.

      
    
        
  1. 입력 준비: STEP 07에서 검수한 최종 PPTX와 design.md를 준비합니다. 파일명과 슬라이드 수를 확인합니다.
    2. 
        
  2. 자료 전달: 같은 대화라면 최종 PPTX를 정확히 지정합니다. 새 대화나 다른 도구에서는 PPTX와 design.md를 첨부합니다. 필요한 이미지·폰트 사용 권한도 확인합니다.
    3. 
        
  3. 변환 요청: 아래 프롬프트를 실행합니다. 먼저 원본의 장 순서·제목·수치·출처 목록을 확인한 뒤 HTML을 만들도록 합니다.
    4. 
        
  4. 파일 받기: 가능하면 CSS·JavaScript와 필요한 자산을 포함한 단일 index.html을 받습니다. 외부 파일이 필요하면 assets 폴더와 함께 받고 구조를 유지합니다.
    5. 
        
  5. 브라우저 검수: HTML을 열어 처음부터 끝까지 넘겨 봅니다. PC 발표 화면과 휴대폰 화면에서 원본 PPTX를 나란히 비교합니다.
    6. 
        
  6. 수정·재검수: 문제가 있는 장 번호와 현상을 구체적으로 알려 수정합니다. PPTX로 되돌리는 작업과 웹슬라이드 수정은 구분하고 최종본을 따로 저장합니다.
    7. 
        
  7. 공유: 검수를 마친 뒤 사용할 게시 환경에 올립니다. 공개 전 발표자 노트·개인정보·비공개 자료가 포함되지 않았는지 확인하고, 실제 공유 링크를 다른 브라우저에서 열어 봅니다.
    8. 
      

      
프롬프트 08 · PPTX → HTML 웹슬라이드 변환

      
완료 전 검수 체크리스트









      
PPTX의 애니메이션·전환·미디어·폰트가 웹에서 그대로 재현된다고 가정하지 않습니다. 재현이 어려운 항목은 대체 표현과 차이를 기록합니다. 파일 분석이나 브라우저 실행을 지원하지 않는 환경에서는 가능한 작업과 직접 확인할 항목을 구분합니다.

    

  


  
  

    
PART 3 · Claude 또는 ChatGPT의 나만의 스킬
강사 스킬로 만들고, 내 스킬로 바꿉니다.
강사 제공 스킬의 절차서(SKILL.md)와 디자인 파일(assets/design.md)을 바탕으로 만듭니다. 사용할 환경을 먼저 정하고, 그 환경이 지원하는 방식으로 설치하거나 지침·참고 파일로 재사용합니다.


    

      09
      
강사 스킬로 PPT를 만든다

      
권장 15분

      
MISSIONClaude 또는 ChatGPT에서 강사 제공 절차와 디자인으로 PPTX 제작 실습하기

      

        
Claude에서 진행
  1. 현재 계정에서 파일 생성과 사용자 스킬 기능을 사용할 수 있는지 확인합니다.
  2. 스킬 업로드 기능이 제공되면 강사 ZIP을 현재 화면의 형식 안내에 맞춰 등록합니다.
  3. 새 대화에서 스킬을 사용해 아래 문장으로 요청하고 질문에 답합니다.

        
ChatGPT에서 진행
  1. 사용 중인 환경에 사용자 스킬 등록 기능이 있는지 확인합니다.
  2. 지원한다면 해당 환경의 형식과 등록 절차를 따릅니다. 일반 프로젝트에서는 절차를 프로젝트 지침에 반영하고 design.md를 참고 파일로 추가해 재사용합니다.
  3. 파일 생성이 가능한 대화에서 아래 문장으로 요청합니다. ZIP 첨부만으로 설치된 것으로 보지 않습니다.

      

      
내 강의 슬라이드 만들어줘

      
기능과 메뉴는 계정·앱·환경에 따라 다릅니다. 제공되지 않는 기능은 설치했다고 표시하지 않고, 사용할 수 있는 프로젝트 지침·파일 방식으로 실습합니다. 파일 생성이 불가능하면 제작 명세까지 받고 지원 환경에서 이어갑니다.

    


    

      10
      
내 design.md로 스킬을 고도화한다

      
권장 15분

      
MISSION내 디자인을 반영한 나만의 스킬 또는 재사용 지침 묶음을 만들고 실제로 시험하기

      

        

        

      

      
  1. 사용할 환경을 입력하고, 새 대화에 강사 스킬 ZIP과 내 design.md를 첨부합니다.
  2. 프롬프트 10으로 절차를 유지한 채 디자인과 이름을 바꾼 결과를 받습니다.
  3. Claude 또는 스킬 지원 환경: 현재 업로드 안내에 맞는 패키지를 등록하고 사용할 버전을 선택합니다. 기존 강사 스킬과 충돌하는지 확인합니다.
  4. ChatGPT 프로젝트 방식: 제공받은 재사용 지침을 프로젝트 지침에 반영하고 design.md를 참고 파일로 추가합니다. 이는 ZIP 스킬 설치와 구분합니다.
  5. 같은 강의 주제로 다시 요청해 전후 결과를 비교하고, PPTX 검수와 HTML 웹슬라이드 검수 기준을 적용합니다.

      
프롬프트 10 · 스킬 고도화

      
      
    

  


  
  

    
과제 · 수업 후
내 강의 홍보 페이지를 만듭니다.
재료는 이미 프로젝트 대화에 있습니다. 새로 입력할 것은 일시·장소, 가격, 신청 링크, 강사 소개입니다.


    

      11
      
이름표와 design.md로 홍보 페이지를 만든다

      
ChatGPT 프로젝트 또는 Claude·ChatGPT의 나만의 스킬 작업에서 이어서 진행

      

        

        

        

        

      

      
프롬프트 11 · 강의 홍보 페이지

      
검수 받지 않은 후기, 확인 안 된 숫자, 작동하지 않는 링크가 없는지 휴대폰으로 열어 확인합니다.

    

  







복사했습니다