제미나이 4 아르곤 자기소개 — 이 영상 모션 코드 그대로 드려요

구글의 새 AI 제미나이 4 아르곤이 자기소개 쇼츠를 스스로 코드로 만들었어요. 편집 프로그램 없이 HTML 파일 하나로 46초짜리 세로 영상이 나와요. 그 모션 코드를 그대로 드려요.

② 받기

아르곤 모션 코드 받기 (zip, 0.95MB)

목소리는 빠져 있고, 코드로 만든 효과음만 들어 있어요. 받자마자 그대로 렌더돼요.

PC에서 받는 걸 추천해요. 휴대폰에서 받았다면 PC로 옮겨서 여세요.

index.html영상 전체(세로 1080×1920, 46.6초). 맨 아래 장면 시각표 T 만 고치면 내 목소리에 맞춰져요

assets/sfx.wav · sfx.py효과음(틱·쾅·휙·딸깍·딩). 녹음 없이 수식으로 만든 소리, 시각을 바꾸면 다시 만들어요

PROMPT.md클로드 코드에 그대로 붙여 넣는 말 모음

README.md · LICENSE.txt쓰는 법 · 이용 조건

③ 3단계로 실행

압축을 풀고, 그 폴더에서 클로드 코드를 열어요(유료 요금제 Claude Pro 이상).
아래 말을 붙여 넣어요.
내 목소리를 assets/voice.wav 로 넣고 ⑤의 ‘내 목소리에 맞추기’ 말을 붙여 넣어요.

클로드 코드에 붙여 넣기

이 폴더는 HyperFrames 모션 그래픽 프로젝트야. README.md 를 읽고 npx --yes hyperframes@0.8.145 doctor 로 Node.js 22 이상·FFmpeg·렌더용 크롬이 준비됐는지 확인해 줘. 없는 게 있으면 설치하고, check 로 오류 0개를 확인한 다음 그대로 한 번 렌더해서 out.mp4 를 만들어 줘.

직접 하고 싶은 분

Node.js 22 이상과 FFmpeg를 설치하고 폴더에서 npx --yes hyperframes@0.8.145 render . -o out.mp4 (미리 보기는 npx --yes hyperframes@0.8.145 preview).

④ 이 영상의 핵심 움직임 6가지

받는 코드를 그대로 렌더한 화면이에요 — 누르면 크게 볼 수 있어요.

1단어 하나씩 뜨는 인용 카드

빨간 유리 카드 위에 말하는 단어가 시각에 맞춰 하나씩 튀어나와요.

2고무 도장

장면마다 결론("코드 해독 0.8초" 등)을 2.2배 크기에서 살짝 돌며 쾅 찍어요.

3빨간 픽셀 블록 와이프

12×22 격자 블록이 차례로 덮었다 걷히며 장면이 바뀌어요.

4스냅 텍스트 스트레치

엔딩 큰 글자가 좁혀졌다 벌어지며 쫀득하게 붙어요.

5편집 타임라인 재생선

화면 아래 편집기 타임라인 위로 빨간 선이 영상 시간과 같이 움직여요.

6seek 안전 규칙

타임라인은 하나, 화면은 시간만 보고 그려요. 몇 번을 렌더해도 똑같은 영상이 나와요.

⑤ 클로드 코드에 시키는 말

버튼 한 번으로 통째로 복사돼요. [ ] 자리만 내 내용으로 바꾸면 돼요. zip 안 PROMPT.md 와 같아요.

내 목소리에 맞추기 (제일 중요)

assets/voice.wav 에 내 목소리를 넣었어. index.html 의 효과음(sfx) 오디오 줄 위에 같은 형식으로 voice 오디오 줄(assets/voice.wav, data-track-index 6)을 추가해 주고, 내 목소리를 받아써서(faster-whisper) 단어마다 시각을 뽑아 줘. index.html 맨 아래 장면 시각표 T 를 내 대본에서 같은 뜻의 말이 시작하는 시각으로 다시 정하고, 자막과 인용 카드 단어도 내 말로 바꿔 줘. 길이가 바뀌면 data-duration 도 전부 같이 바꾸고, sfx.py 의 T 도 같은 시각으로 고쳐서 python sfx.py 로 효과음을 다시 만들어 줘. check 로 오류 0개 확인하고 렌더해서 장면마다 한 장씩 보여 줘.

주인공 바꾸기

[ ] 안을 내 AI·제품 이름, 두 글자, 채널 이름으로 바꿔서 보내세요.

화면의 '제미나이 4 아르곤'을 [내 AI·제품 이름]으로, 사원증의 'Ar' 배지를 [두 글자]로, 위 띠의 채널 이름을 [내 채널 이름]으로 바꿔 줘.

다섯 단계 바꾸기

[ ] 안을 내 이야기 다섯 단계로 바꿔서 보내세요.

01~05 장면 제목과 도장 문구를 내 이야기로 바꿔 줘: [1단계 / 2단계 / 3단계 / 4단계 / 5단계]. 도장 문구는 숫자 하나가 들어간 6~8자로.

색 바꾸기

[ ] 안을 원하는 색상 코드로 바꿔서 보내세요.

:root 의 --red 를 [#색상코드]로 바꾸고, 빨간 픽셀 와이프·도장·재생선·강조 글자까지 모두 새 색으로 맞춰 줘. 배경은 그대로 어둡게.

같은 틀로 새 영상

[ ] 안에 내 새 대본을 붙여 넣어 보내세요.

이 index.html 의 구조(위 띠 + 장면 카드 + 아래 편집 타임라인 + 자막 + 픽셀 와이프 + 도장)를 그대로 써서, 내 새 대본 [대본 붙여 넣기] 에 맞는 장면을 새로 짜 줘. 문장마다 화면에 무엇이 움직일지 먼저 표로 보여 주고, 내가 OK 하면 만들어 줘.

⑥ 장면 구성

0초콜드 오픈 · "반갑습니다, 제미나이 4 아르곤입니다"빨간 유리 인용 카드 + 아르곤 사원증 HUD + 다섯 단계 약속

11.5초01 · 작업실 통째로 읽기폴더 트리 레이저 스캔 → 도장 "코드 해독 0.8초"

17.5초02 · 실시간 모션 코딩코드 타자 → 오른쪽 미리보기에 제목·그래프 → 도장

23.4초03 · 목소리와 싱크음성 파형 + 단어 시각 칩 → 도장

29.7초04 · 사운드 합성"틱·쾅·휙"에 맞춰 파형 패드 점등 → 도장

35.1초05 · 스스로 검수1장 → 4장 → 16장 격자 + 체크 → 도장

41.1초엔딩 · "어떤 첫 작품을 시키시겠어요?"큰 글자 스냅 스트레치 + 입력창 타자

시각은 원래 속도 기준이에요. 올린 영상은 1.2배속이라 더 빨라요.

⑦ 꼭 알아 둘 것

2026년 10월 기준(HyperFrames 0.8.145)이에요. 버전이 바뀌면 클로드 코드에게 “최신 버전에 맞게 고쳐 줘”라고 하면 돼요.

LUMIÈRE BETA

편집은 이제 손이 아니라 말로 — 뤼미에르 베타

촬영본을 넣으면 컷·자막·확대·썸네일까지, 단계마다 품질 검사를 붙여 자동으로 편집해 주는 시스템이에요. 쓸수록 내 스타일로 자라요.

정가 ₩200,000₩99,000베타 20명 선착순 한정

Claude Pro 이상 구독이 필요합니다(별도 결제). 뤼미에르 가격에 Claude 이용료는 포함되지 않습니다.

베타 버전입니다. 윈도우 전용이며, 한국어 영상에 맞춰져 있습니다.

뤼미에르 베타 보기 →

회사·채널의 영상 스타일과 일하는 방식에 맞춘 뤼미에르가 필요하신가요?

뤼미에르 커스터마이징(기업형 맞춤 시스템) 문의

artgourmet.official@gmail.com

Claude는 Anthropic의 상표입니다. 뤼미에르는 Anthropic과 제휴하거나 보증받은 제품이 아닙니다.

⑧ 자주 묻는 질문

정말 무료예요?

네. 코드·효과음·설명 전부 무료예요. 클로드 코드로 고쳐 쓰려면 Claude 유료 요금제(Pro 이상)가 필요해요.

뭐가 필요해요?

Node.js 22 이상, FFmpeg, 렌더용 크롬(없으면 npx --yes hyperframes@0.8.145 browser ensure가 받아 줘요). 효과음을 다시 만들려면 Python. 렌더할 때 인터넷 연결이 필요해요(글꼴·GSAP 불러오기).

윈도우·맥 둘 다 돼요?

네.

코딩 몰라도 돼요?

네. ⑤의 말을 클로드 코드에 붙여 넣으면 돼요.

목소리 없이 돌려 봐도 돼요?

네. 효과음만 들어간 상태로 받자마자 렌더돼요.

휴대폰에서 받았는데 열리지 않아요.

이 파일은 PC에서 클로드 코드로 여는 코드 묶음이에요. 휴대폰에서 받으셨다면 PC로 옮기거나, PC에서 이 페이지를 다시 열어 받아 주세요. 인스타그램 앱 안에서 다운로드가 안 되면 화면 오른쪽 위 메뉴(⋯)에서 "브라우저에서 열기"를 눌러 보세요.

⑨ 영상으로 보기

유튜브 쇼츠 · 제미나이 4 아르곤 자기소개영상 준비 중

디렉터스AI — 아르곤이 스스로 코드로 만든 자기소개 영상

인스타그램 릴스 · 제미나이 4 아르곤 자기소개영상 준비 중

디렉터스AI 인스타그램(@directors_ai)

문의

돌려 보다 막히는 부분이 있으면 이메일 주세요. 같이 풀어 드릴게요.

artgourmet.official@gmail.com

문의하기 페이지 →

더 보고 싶으시다면

▶ 디렉터스AI 유튜브 보러 가기

홈페이지의 다른 자료도 둘러보세요.

인사이트AI와 함께 회사를 운영하며 겪은 일을 기록한 글 모음 전자책 · AI 회사를 만들었습니다코드를 못 쓰는 사람이 AI로 회사를 만든 넉 달의 이야기 (2권 세트)실용 도구 모음설치 없이 바로 쓰는 작은 도구들 무료 심리테스트회원가입 없이 가볍게 해 보는 성향 테스트