글자·자막 · 8초

형광펜으로 쓱 긋기

문장이 한 줄씩 올라오고, [ ] 로 표시한 낱말에 노랑·민트 형광펜이 번갈아 칠해져요. 배경 크기를 0%에서 100%로 늘리는 단순한 원리라 어느 문장에나 붙일 수 있습니다.

이럴 때 쓰세요

한 장면 정리·요약
외워야 할 핵심 낱말
말로 강조하는 순간 화면도 같이 강조

「여기만 고치세요」 칸

줄: — 한 칸이 한 줄. [ ] 안 글자에 형광펜
형광펜색: — 번갈아 쓸 색 목록

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

첨부한 형광펜 레시피로 «오늘 기억할 한 가지» 장면을 만들어 줘. 줄: ["카톡 사진은", "[꾹 누르면] 저장할 수 있어요", "[갤러리]에서 다시 볼 수 있어요"]

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

알아 두면 좋은 점

형광펜은 한 줄에 하나. 다 칠하면 아무것도 강조되지 않아요.
줄은 세 줄 안쪽이 읽기 편해요.

원본 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 교실 1편 — AI, 챗GPT, 생성형 AI는 같은 말일까?