준비는 가볍게수업은 생생하게

평소 쓰던 AI와 수업 자료만 있으면 됩니다. AI의 질문에 답하고 설계표를 확인하면 수업 파일이 나옵니다.

  • 쓰던 AI 그대로
  • PPT나 교과서 PDF
  • 질문 몇 개에 답하기
  • HTML 파일 하나

만드는 법

세 단계면 충분합니다쓰던 AI로 수업 만들기

  1. 프롬프트 복사하기

    아래 문장을 복사하세요. 쓰던 AI에게 공명 지침대로 수업을 만들어 달라는 부탁입니다.

    https://github.com/N-lifescience/resonance 지침대로 이 자료를 수업 HTML로 바꿔줘

  2. 쓰던 AI에 수업 자료 올리고 문장 붙여 넣기

    아래에서 쓰던 AI를 여세요. 대화창에 수업 자료를 올리고 복사한 문장을 붙여 넣어 보내세요. PPT뿐 아니라 교사용 교과서 PDF도 됩니다. 로그인은 각자 계정으로 해 주세요.

    ChatGPT

    추천 Codex에서 모델 GPT-6.1-Sol, 노력 Extra High

    웹에서 열기

    Gemini

    추천 모델 4 Argon, 사고 수준 최고

    웹에서 열기

  3. 질문에 답하고 HTML 생성하기

    AI가 교과와 차시, 넣을 기능을 묻습니다. 답하고 설계표를 확인하면 HTML 파일이 생깁니다. 내려받은 파일을 더블클릭하면 수업이 열립니다.

    바꾸기 전 · PPT
    바꾸기 전: 처음, 1분 뒤, 5분 뒤 그림 세 장으로 확산을 설명하는 PPT 한 장
    그림 세 장을 넘기며 설명합니다학생은 바라보기만 합니다
    바꾼 뒤 · 수업 HTML
    바꾼 뒤: 시간 막대를 2분 30초로 밀자 잉크 입자가 9칸 중 7칸으로 퍼진 수업 화면과 아래쪽 판서 툴바
    시간 막대를 밀면 입자가 퍼집니다아래 툴바로 판서하고 넘깁니다

예시 자료

미리 열어 보는교과별 수업 HTML

학교급과 교과를 골라 예시 파일을 열어 보세요. 모두 Claude Opus 5.5(xhigh)로 만들었습니다.

학교급

교과

준비 중

예시 수업을 준비하고 있습니다. 먼저 체험 덱을 열어 보세요.

체험 덱 열기

모델별 비교

같은 자료를 건네면AI마다 어떻게 다를까?

똑같은 PPT와 지침을 AI마다 한 번씩 건넸습니다. 화면 구성과 학생 활동이 어떻게 다른지 견주어 보세요.

2026. 10. 19.(월) 기준

Gemini

비교 결과 준비 중

ChatGPT

비교 결과 준비 중

Claude

비교 결과 준비 중

Made by 엔의 생명과학

고등학교 생명과학 교사가 만들었습니다. 필요한 기능이나 궁금한 점은 아래 링크에 남겨 주세요. 이름과 학교, 연락처, 학생 정보는 적지 마세요.

문의와 기능 제안 창구를 준비하고 있습니다.GitHub

수업에는 자유롭게 쓰세요. 코드를 복제하거나 다시 배포할 때는 허락을 받아야 합니다.