영상 레시피 전체로그인하고 원본 받기
구성·마무리 · 9초
전/후 비교 카드
왼쪽에서 «아쉬운 지시문» 카드가, 오른쪽에서 «좋은 지시문» 카드가 들어오고 가운데 VS 동그라미가 도장처럼 찍혀요. 마지막에 좋은 쪽이 한 번 커지고 아쉬운 쪽은 흐려져서, 말하지 않아도 어느 쪽이 나은지 보입니다.
이럴 때 쓰세요
- 좋은 질문 vs 아쉬운 질문
- 수업 전/후 결과물
- 두 방법 비교
「여기만 고치세요」 칸
- 제목
- — 맨 위 제목
- 왼쪽 · 오른쪽
- — 각각 이름·말·덧말 세 칸
파일을 건네며 AI에게 이렇게 말해 보세요
첨부한 전/후 비교 레시피로 장면을 만들어 줘. 제목: "사진 설명, 이렇게 달라져요" 왼쪽: 이름 "그냥 찍기", 말 "“꽃 사진”", 덧말 "무슨 꽃인지 아무도 몰라요" 오른쪽: 이름 "한 줄 덧붙이기", 말 "“시흥 갯골 9월 코스모스, 손녀랑”", 덧말 "언제·어디서·누구랑이 다 보여요"
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