해외 영상 프롬프트를 수업용 20초 설명으로 — '직렬 회로, 전구 하나가 끊기면?' 첫 안·점검·수정 프롬프트 3개

▶ 실습 영상: 이 글의 순서대로 첫 안·점검·수정을 거쳐 20초 설명 장면을 만드는 과정

해외 AI 영상 모음 사이트를 보면 "아이들에게 화산 원리를 가르치는 영상을 만들어 줘"처럼 한 줄짜리 요청으로 몇 분짜리 설명 영상을 만든 사례가 꽤 있습니다. 보기에는 멋지지만, 그대로 우리 수업에 가져오면 곤란합니다. 길이는 수업 도입에 쓰기엔 길고, 학생이 무엇을 헷갈리는지는 빠져 있고, 그림이 개념과 정확히 맞는지 아무도 확인하지 않았기 때문입니다.

이번에는 그런 해외 예제의 구조만 빌려, 한국어 수업용 20초 설명 장면으로 바꾸는 방법을 알려드리겠습니다. 예제 주제는 "직렬 회로에서 전구 하나가 끊기면 나머지 전구는 어떻게 될까?"입니다. 첫 안을 만들고, 점검하고, 고치는 세 단계를 각각 복사해 쓸 수 있는 프롬프트로 정리했고, 실제로 이 순서대로 만들어 본 결과와 고친 내용도 함께 적었습니다.

🔎 먼저 용어부터 쉽게
직렬 회로 — 전지·스위치·전구가 갈림길 없이 한 줄로 이어진 회로. 전류가 지나갈 길이 하나뿐입니다.
병렬 회로 — 전구마다 따로 갈라진 길(가지)이 있는 회로. 한 가지가 끊겨도 다른 가지에는 전류가 흐릅니다.
오개념 — 학생이 일상 경험으로 갖게 된, 과학적 설명과 다른 생각. 예: "전구가 전류를 써서 줄인다".
장면표 — 영상을 시간 구간으로 나눠 화면·자막·내레이션을 칸에 정리한 표. 영상의 설계도입니다.
16:9 — 가로가 긴 화면 비율. 교실 TV·프로젝터에 맞습니다.

실습 정보

만들 것	20초 설명 장면 1편 (16:9, 한국어 자막) — 수업 도입용
대상	초등 고학년~중학생 (전기 회로 단원 도입)
쓰는 AI	코드를 써서 HTML 화면을 만들 수 있는 AI (이 글의 실습은 Claude Opus 5.5를 Claude Code 환경에서 사용)
결과 형태	HTML+SVG 애니메이션 → 필요하면 화면 캡처로 MP4 변환
준비물	개념 근거 자료 1~2개(교과서 해당 쪽 또는 신뢰할 수 있는 과학 교육 자료), 장면별 캡처 이미지

한눈에 보기 — 해외 예제에서 무엇을 가져오나

원문은 길고 넓은 주제를 한 번에 맡긴 예제입니다. 우리는 개념 하나를 20초에 담고, 점검과 수정을 따로 돌립니다.

1. 원문 예제 고르기 — 구조만 보고, 내용은 새로

JasonZhu.AI는 Claude Opus 5.5로 만든 작품을 모아 둔 해외 사이트입니다. 2026년 10월 11일에 열어 본 목록 화면에는 작품 1,427개, 그중 프롬프트가 붙은 작품 367개, 전체 프롬프트가 공개된 작품 150개로 나뉘어 표시되어 있었습니다(수치는 계속 바뀝니다).

설명형(Explainers) 분류에서 고른 예제는 "Volcano explainer video for kids"입니다. 작품 페이지에 공개된 요청문은 "make a video to teach kids about how volcanos work" 한 문장이고, 제작자는 종이 오려 붙이기 느낌으로, 대본은 Claude가 쓰고 음성은 Gemini로 만들었다고 설명합니다. 페이지에 적힌 길이는 3분 15초입니다. 저는 영상 자체를 분석한 것이 아니라 페이지에 공개된 요청문과 제작자 설명만 참고했습니다.

🌋원문 예제: Volcano explainer video for kids (JasonZhu.AI)한 줄 요청문과 제작자 설명이 공개된 설명형 예제. 작품의 권리는 제작자에게 있고, 사이트에 실렸다고 이용 허락이 생기지는 않는다고 사이트가 안내합니다.https://jasonzhu.ai/en/prompts/claude-opus-5-5/2103272493658353765바로가기 ↗

이 예제에서 가져올 것은 "대상(아이들) + 주제(원리 하나) + 표현 방식(손그림·오려 붙이기 같은 단순한 그림)"이라는 구조입니다. 반대로 바꿔야 할 것은 세 가지입니다.

원문 예제	우리 수업용으로 바꾼 것
주제가 넓음(화산이 어떻게 작동하는가)	질문 하나: 직렬 회로에서 전구 하나가 끊기면?
길이 3분 15초, 한 번에 맡김	20초, 장면표 4구간으로 나눠 맡김
학생 오해에 대한 언급 없음	흔한 오개념 하나를 정해 그 장면을 따로 둠
결과를 그대로 사용	점검 → 수정을 따로 돌려 개념·자막을 확인

2. 개념부터 확인 — AI보다 교과 내용이 먼저

20초짜리 영상이라도 틀린 그림이 들어가면 오개념을 오히려 굳힙니다. 그래서 프롬프트를 쓰기 전에 설명할 내용을 근거 자료로 먼저 확인했습니다.

직렬 회로는 모든 부품이 한 길에 있어, 어느 한 곳이 끊기면 회로 전체가 열려 전류가 흐르지 않습니다. 전구 하나가 나가면 줄 전체가 꺼지는 옛 크리스마스 전구가 대표적인 예입니다.
병렬 회로는 전구마다 따로 길이 있어, 한 전구가 끊겨도 나머지 전구는 켜져 있습니다.
직렬 회로에서 전류는 어디서나 같습니다. 전구는 전류를 "써서 줄이는" 것이 아니라, 전류가 흐르는 동안 전기 에너지를 빛과 열로 바꿉니다.
회로가 닫히면 도선 속 전하는 어디서나 동시에 움직이기 시작합니다. 전지에서 나온 무언가가 첫 전구부터 차례로 도착하는 것이 아닙니다.

학생이 가장 자주 헷갈리는 지점은 세 번째입니다. "전구가 전류를 쓴다"고 생각하면 "끊긴 곳보다 앞에 있는 전구는 켜져 있겠지"라는 예측이 나옵니다. 그래서 20초 중 6초를 이 오개념을 바로잡는 데 쓰기로 했습니다. 근거로 쓴 자료는 글 끝 출처에 정리했습니다.

20초 영상의 4~10초 구간은 왼쪽 생각을 바로잡는 데 씁니다.

3. 장면표 — 20초를 4구간으로

장면표는 시작·끝 시간 / 화면 상태 / 자막 / 내레이션 / 확인할 개념 다섯 칸으로 짭니다. 핵심은 "화면 상태" 칸에 전지·스위치·전구·끊긴 곳을 구간마다 빠짐없이 적는 것입니다. 이 칸이 비어 있으면 AI가 구간마다 회로를 새로 그리다가 앞뒤가 맞지 않는 장면이 나옵니다.

시간	화면 상태	자막	내레이션	확인할 개념
0~4초	전지·닫힌 스위치·전구 3개 직렬, 모두 켜짐, 전류 점 이동	전구 하나가 끊기면, 나머지는?	전구 하나가 끊기면, 나머지 전구는 어떻게 될까요?	질문 제시
4~10초	같은 회로, 전류 점이 일정한 간격으로 이동 + "전류: 회로 어디서나 같은 크기"	전류는 한 길로 돌고, 전구를 지나도 줄지 않아요	전류는 하나뿐인 길을 따라 돌아요. 전구를 지나도 줄지 않아요.	전류는 소모되지 않음(오개념 정정)
10~16초	11초에 가운데 전구 필라멘트 끊김(X 표시), 세 전구 동시에 꺼짐, 전류 점은 회색으로 멈춤	한 곳이 끊기면 전류가 흐를 길이 없어져요	가운데 전구가 끊기면 전류가 지나갈 길이 없어져요. 그래서 세 전구가 함께 꺼져요.	열린 회로 → 전류 0
16~20초	끊긴 상태 유지 + 회로 안쪽에 정리 카드(직렬: 모두 꺼짐 / 병렬: 끊긴 가지만 꺼짐)	그래서 직렬은 모두 꺼져요	길이 하나뿐이라 모두 꺼져요. 병렬은 달라요.	직렬과 병렬의 차이

합계는 4+6+6+4=20초입니다. 내레이션은 아직 녹음하지 않았기 때문에 실제 발화 시간은 재지 못했고, 한글 음절 수로 대략 확인했습니다(구간별 초당 약 4.2~5.5음절). 녹음한 뒤 구간 경계를 실제 발화 길이에 맞춰 조정하는 것이 순서입니다.

장면이 바뀌어도 전지·스위치·배선은 그대로 두고, 가운데 전구 하나만 바뀌게 했습니다.

4. 프롬프트 3개 — 첫 제작 / 결과 점검 / 문제 수정

세 프롬프트는 모두 같은 결과물(20초 직렬 회로 장면)을 다룹니다. 각 블록은 따로 복사해 쓸 수 있게 만들었고, 대괄호 [ ] 안을 내 수업에 맞게 바꿔 넣으면 됩니다. 아래 세 프롬프트는 AI오토마타 응용 프롬프트로, 원문 예제의 요청문을 번역한 것이 아니라 구조만 참고해 새로 쓴 것입니다.

A. 첫 제작 — 학습 목표 하나와 장면표 만들기

언제 쓰나요? 설명할 개념은 정했는데 20초 안에 무엇을 보여 줄지 막막할 때. 결과로 장면표와 HTML 애니메이션 첫 안을 받습니다.

A. 첫 제작 — 학습 목표와 20초 장면표

프롬프트

역할: 너는 중학교 과학·기술 수업용 짧은 설명 영상을 설계하는 교육 콘텐츠 제작자야.

목표: 아래 개념을 [20초] 설명 장면 한 편으로 만든다. 학생이 영상을 보고 답할 수 있는 학습 목표는 딱 하나만 정한다.

입력
- 학습 개념: [직렬 회로에서 전구 하나의 연결이 끊기면 나머지 전구는 어떻게 될까]
- 대상 학년: [중학교 2학년]
- 학생이 흔히 혼동하는 점: [전구가 전류를 써서 줄인다고 생각해, 끊긴 곳 앞의 전구는 켜져 있을 거라고 예측함]
- 총 길이: [20초]
- 화면 비율: [16:9]
- 개념 근거: [교과서 쪽수 또는 참고 자료 문장을 여기에 붙여 넣기]

출력 형태
1. 학습 목표 1문장
2. 장면표: 시작·끝 시간 / 화면 상태 / 자막 / 내레이션 / 확인할 개념
   - 구간은 0~4 / 4~10 / 10~16 / 16~20초에서 시작해 내레이션 길이에 맞게 조정
   - 화면 상태 칸에는 전원·스위치·전구·배선·끊긴 곳의 상태를 구간마다 모두 적기
3. 장면표대로 움직이는 HTML 파일 1개 (SVG로 그림, 외부 이미지·라이브러리 없음)
   - render(t) 함수로 0~20초 중 원하는 시점의 화면을 그릴 수 있게

제약
- 전원·전구·배선 상태가 장면마다 모순되지 않게 (예: 전구가 켜져 있으면 전류도 흐르고 있어야 함)
- 개념 근거에 없는 내용은 넣지 말 것
- 자막은 한 줄, 공백 제외 1초에 6자 이하
- 효과는 개념을 보여 주는 움직임만. 장식용 효과 금지

완료 조건: 모든 구간 길이의 합이 [20]초인지 표 아래에 계산해 보여 주고, 학습 목표가 어느 구간에서 확인되는지 한 줄로 적는다.

입력 예시 — 위 대괄호에 들어간 값이 그대로 예시입니다. "개념 근거" 칸에는 교과서의 해당 문장이나 2장에 정리한 내용을 붙여 넣으세요. AI가 링크를 열어 내용을 정확히 읽을 거라고 가정하지 말고, 근거 문장을 직접 붙여 넣는 편이 안전합니다.

확인할 결과 — 장면표 4행, 합계 20초 계산, HTML 파일 1개. 화면 상태 칸에 "전구 3개 모두 켜짐"처럼 상태가 명시되어 있는지 보세요.

B. 결과 점검 — 개념·그림·자막을 나눠서 보기

언제 쓰나요? 첫 안이 나온 직후. 만든 AI와 다른 대화창(또는 다른 AI)에서 돌리면 같은 실수를 덜 놓칩니다. AI는 링크 속 영상을 볼 수 없으니 구간마다 화면을 캡처한 이미지를 함께 올려야 합니다.

B. 결과 점검 — 개념 정확성·그림 연결·자막

프롬프트

역할: 너는 과학 교사이자 영상 검수자야. 아래 20초 설명 장면을 점검만 하고, 고치지는 마.

입력
- 장면표: [A에서 받은 장면표 붙여 넣기]
- 교과 개념 근거: [근거 문장 붙여 넣기]
- 첫 결과: [구간별 캡처 이미지 4장 첨부 — 예: 2초, 7초, 13초, 18초 화면]
  (영상이나 이미지를 볼 수 없으면, 장면표와 대본만 점검했다고 먼저 밝히고 그 범위만 점검할 것)

점검 항목
1. 개념 정확성: 근거와 다른 설명, 오개념을 오히려 강화할 수 있는 그림·표현
2. 그림 연결: 전원·스위치·전구·배선이 실제로 닫힌 회로인지 전지 두 단자에서 따라가 확인. 구간 사이 상태가 모순되는지
3. 한국어 자막: 맞춤법, 내레이션과 뜻이 같은지
4. 읽는 시간: 구간별 자막 글자 수(공백 제외)와 초당 글자 수. 6자 넘으면 표시
5. 화면 잘림·겹침: 글자가 화면 밖으로 나가거나 그림과 겹치는 곳

출력 형태: 표 1개 — 구간 / 점검 항목 / 문제 / 근거(어느 캡처, 어느 문장) / 심각도(높음·중간·낮음)

제약: 문제가 없으면 "문제 없음"이라고 쓰고, 추측으로 문제를 만들지 말 것. 볼 수 없었던 부분은 "확인 불가"로 표시.

완료 조건: 다섯 항목 모두에 대해 구간별 판정이 있고, 심각도 "높음" 항목이 맨 위에 정리되어 있다.

입력 예시 — 장면표(A의 결과 그대로), 2장의 근거 문장 4줄, 2·7·13·18초 캡처 4장.

확인할 결과 — 구간×항목 점검표. "병렬 그림에서 전지가 한쪽 단자만 연결됨"처럼 어느 화면에서 무엇이 틀렸는지 짚어 주는지 보세요. "전반적으로 좋습니다" 식의 답이면 항목별로 다시 요청합니다.

C. 문제 수정 — 찾은 것만 고치기

언제 쓰나요? B에서 문제 목록을 받은 뒤. 이 단계에서 흔히 생기는 실수는 "고치는 김에" 효과를 더 넣는 것입니다. 수정은 찾은 오류에만 하게 묶어 둡니다.

C. 문제 수정 — 목표·길이·비율은 그대로

프롬프트

역할: 너는 A에서 만든 20초 설명 장면의 수정 담당자야.

입력
- 현재 HTML 파일: [파일 첨부 또는 코드 붙여 넣기]
- 장면표: [현재 장면표]
- 점검 결과: [B에서 받은 문제 목록 붙여 넣기]

할 일
1. 점검 결과의 문제를 심각도 높은 것부터 하나씩 고친다
2. 문제마다 "무엇을 어떻게 바꿨는지" 한 줄로 기록한다

지켜야 할 것
- 학습 목표, 총 길이 [20초], 화면 비율 [16:9]는 바꾸지 않는다
- 점검 결과에 없는 부분은 건드리지 않는다
- 새 효과·새 장면·새 설명을 추가하지 않는다. 고치기 위해 꼭 필요하면 이유를 먼저 적는다
- 자막을 줄일 때는 뜻이 바뀌지 않게 하고, 줄인 자막의 초당 글자 수를 다시 계산한다

출력 형태: 수정한 HTML 파일 1개 + 수정 기록 표(문제 / 바꾼 내용 / 바뀐 구간) + 고친 장면표

완료 조건: 수정 기록의 모든 행이 점검 결과의 문제와 1:1로 대응하고, 구간 합계가 여전히 [20]초다.

입력 예시 — B가 찾은 문제 4개(아래 5장 그림의 왼쪽 칸)와 현재 HTML 파일.

확인할 결과 — 수정 기록 표가 점검 결과와 짝이 맞는지, 고친 뒤 캡처를 다시 B에 넣어 "문제 없음"이 나오는지. 보통 B→C를 한두 번 반복하면 됩니다.

5. 실제로 만들어 본 결과

위와 같은 순서(첫 제작 → 점검 → 수정)로 Claude Opus 5.5가 Claude Code 환경에서 HTML+SVG 애니메이션을 직접 만들고, 크로미움 브라우저로 구간별 화면을 캡처해 점검했습니다. 위 세 프롬프트 문장을 그대로 붙여 넣어 돌린 것이 아니라, 같은 흐름으로 작업하며 정리한 결과라는 점은 밝혀 둡니다.

항목	실제 결과
첫 안 (v1)	20초 HTML 애니메이션. 회로 모양·끊김 시점(11초)·모두 꺼짐은 맞았음
1차 점검	문제 6개 발견: 전류 표시 시작 시점, 끊긴 뒤 전류 점이 사라짐, 병렬 그림 겹침·회로 아님, 스위치가 잘 안 보임, 작업용 시간 표시가 남음, 자막 2개 구간이 초당 6자 초과
수정 (v2) → 2차 점검	새 문제 3개 발견: 안내 문구와 X 표시 겹침, 병렬 그림의 전지가 한쪽만 연결, 전류 점이 전구 가장자리에 걸침
최종본 (v3)	위 문제 모두 수정. 자막 4개 구간 모두 초당 2.8~3.5자
영상 파일	HTML을 0.04초 간격(초당 24장)으로 480장 캡처해 MP4로 변환 완료(1280×720, 20.0초). 단, 소리 없는 영상입니다. 내레이션은 아직 녹음하지 않았습니다.

점검은 장면마다 화면을 캡처해 보고, 자막 글자 수는 계산으로 확인했습니다.

가장 의미 있었던 발견은 병렬 비교 그림입니다. 첫 안에서는 선 세 줄에 전구만 올린 그림이라 회로가 아니었고, 한 번 고친 뒤에도 전지가 한쪽 단자에만 연결되어 있었습니다. "직렬과 비교"라는 지시만 주면 AI는 그럴듯한 모양을 먼저 그립니다. 그래서 B 프롬프트에 "전지 두 단자에서 따라가 닫힌 회로인지 확인"이라는 항목을 넣었습니다.

6. 흔한 실패 3가지와 고치는 법

실패	왜 생기나	고치는 법
장면끼리 회로 상태가 다름 (켜졌는데 전류 표시 없음, 끊긴 뒤 전하가 사라짐)	구간마다 그림을 새로 그리기 때문	장면표 "화면 상태" 칸에 전지·스위치·전구·끊긴 곳을 매 구간 적고, B에서 구간 사이 모순을 따로 점검
비교 그림이 개념을 틀리게 보여 줌 (전지 없는 병렬 그림)	"비교해 줘"만 주면 모양 위주로 그림	"전지 두 단자에서 출발해 다시 돌아오는 닫힌 회로인지 확인"을 점검 항목에 명시
자막이 너무 길어 못 읽음	내레이션 문장을 그대로 자막에 옮김	자막은 내레이션의 핵심만. 공백 제외 글자 수 ÷ 구간 초로 계산해 기준을 넘으면 줄이기

쓰기 전에 확인하세요
- 이 글의 결과물은 소리 없는 20초 MP4와 HTML 애니메이션입니다. 내레이션 녹음·합성은 하지 않았습니다.
- 자막 기준(공백 제외 초당 6자 이하)은 이 실습에서 정한 작업 기준입니다. 학년과 학급에 맞게 조절하세요.
- 원문 예제는 구조만 참고했습니다. 해외 작품의 영상·그림·문장을 수업 자료로 그대로 쓰려면 제작자의 이용 조건을 따로 확인해야 합니다.
- AI가 만든 설명은 반드시 교과서와 대조하세요. 이 글도 그 과정을 거쳤지만 수업 상황에 맞는 최종 판단은 선생님 몫입니다.

💡다른 단원에도 같은 틀로

"자석을 반으로 자르면?", "물이 끓을 때 거품은 무엇?"처럼 질문 하나 + 오개념 하나면 같은 장면표 4구간을 그대로 씁니다.

교사

📝예비 교사 수업 실연

도입 20초를 직접 설계하고 B 프롬프트로 서로 점검하게 하면 개념 확인 활동이 됩니다.

교수자

출처

원문 예제: JasonZhu.AI — Volcano explainer video for kids (요청문·제작자 설명·길이 확인, 영상 내용은 확인하지 않음)
작품 수: JasonZhu.AI — Claude Opus 5.5 작품 목록
직렬·병렬에서 한 부품이 끊길 때: Wikipedia — Series and parallel circuits
직렬 회로의 전류는 어디서나 같고 전하는 소모되지 않음: The Physics Classroom — Series Circuits
"전류가 전구에서 쓰인다"는 오개념, 쓰이는 것은 에너지: IOPSpark — What gets used up?
전류는 회로 어디서나 같고 동시에 움직이기 시작함: IOPSpark — Simple loop: current same everywhere

확인일: 2026-10-11

AI 오토마타