화면 설명 · 10초

채팅창에 프롬프트 타이핑

채팅 창이 떠오르고, 입력칸에 프롬프트가 한 글자씩 쳐져요. 보내기 버튼이 켜지며 눌리면 내 말풍선이 올라가고, AI 쪽에서 점 세 개가 통통 뛰다 답이 나타납니다. 실제 화면 녹화 없이 «이렇게 물어보세요»를 보여 줄 수 있어요.

이럴 때 쓰세요

프롬프트 예시를 보여 줄 때
화면 녹화가 번거롭거나 개인정보가 찍힐 때
좋은 질문 vs 아쉬운 질문 비교

「여기만 고치세요」 칸

앱이름: — 창 위에 보일 이름
프롬프트: — 쳐질 질문
답: — AI 답 (두세 줄이 알맞아요)
타자속도: — 한 글자 초. 0.06이 보통, 어르신 대상은 0.08~0.1

파일을 건네며 AI에게 이렇게 말해 보세요

첨부한 채팅 타이핑 레시피를 써서, 아래 질문과 답으로 10초 영상을 만들어 줘. 앱이름: "챗GPT" 프롬프트: "손주 생일 축하 문자를 다정하게 세 줄로 써 줘" 답: "OO야, 생일 축하해! …" (답은 네가 세 줄로 지어 줘) 타자속도는 조금 느리게(0.08).

Claude Code·Codex·안티그래비티처럼 파일을 고치고 명령을 실행할 수 있는 AI에게 건네세요.

알아 두면 좋은 점

질문이 마흔 글자를 넘으면 타자 시간이 길어져요. 영상 길이(data-duration)도 같이 늘리세요.
실제 서비스 화면을 똑같이 베끼기보다 «채팅 창 모양»만 빌리면 상표 걱정이 없어요.

원본 HTML

로그인하면 이 영상을 만든 HTML 파일을 그대로 받을 수 있어요.
회원가입은 무료예요.

로그인하고 원본 받기

내 컴퓨터에서 직접 돌려 보기

AI에게 맡기지 않고 직접 해 보려면 터미널에서 아래 순서대로 하세요. 하이퍼프레임즈(HyperFrames)는 HTML을 영상으로 바꿔 주는 무료 도구예요.

# 1) 처음 한 번만: Node.js 설치 (nodejs.org 에서 LTS)
#    + FFmpeg 설치 (맥: brew install ffmpeg / 윈도우: winget install Gyan.FFmpeg)
#    준비됐는지 확인: npx hyperframes doctor  → FFmpeg·Chrome 줄이 ✓ 면 OK
# 2) 영상 폴더 만들기
npx hyperframes init 내영상
cd 내영상
# 3) 받은 레시피 파일을 이 폴더의 index.html 자리에 덮어쓰기
# 4) 미리 보기 → 영상 뽑기
npx hyperframes preview
npx hyperframes render -o 결과.mp4

이 연출을 쓴 스마택트 영상

내 생애 첫 AI 교실 6편 — 챗GPT 사용법, 가입부터 첫 질문까지