클로드로 3D 모션그래픽 만들기, 휴학생이 1시간 만에 원자까지

AI Korea Club · 2026.10.18 (일)

# 휴학생이 1시간 만에 만든 3D 영상, 데이터센터에서 원자 하나까지

AI빅데이터학과 휴학생 루샨(X @lucian__03)이 클로드 오퍼스 5.5와 약 1시간 작업해, 데이터센터에서 실리콘 원자 하나까지 들어가는 3D 모션 그래픽을 HTML 파일 하나로 만들었어요. 1시간은 본인이 밝힌 작업 시간이고, 조회 33만은 2026-10-17에 저희가 직접 확인한 숫자예요.

어떤 영상인가요

48초 동안 카메라가 멈추지 않고 안으로 들어가요. 데이터센터 서버 줄 사이를 지나 서버를 열고, 그래픽카드를 분해하고, 칩 속 회로와 트랜지스터를 지나 마지막엔 실리콘 원자 하나에 닿아요.

단일 브라우저(HTML)에서 돌아가는 3D 모션 그래픽입니다 ㅋㅋㅋ루샨, X 2026-09-25

영상 파일이 아니라 브라우저에서 돌아가는 웹 페이지 한 장이라는 점이 사람들을 놀라게 했어요.

어떻게 만들었나요

첫 영상에 넣은 지시문은 공개되지 않았어요. 대신 반응이 커지자 닷새 뒤인 9월 30일, 만드는 과정을 통째로 클로드 코드 플러그인 'PromptFilm'으로 묶어 오픈소스로 공개했어요.

그런 영상을 만드는 제작 과정을 아예 플러그인으로 묶었습니다.루샨, X 2026-09-30

플러그인은 자료 조사, 장면 설계, 3D 제작, 검사, 납품을 순서대로 해 줘요. 사이트가 예시로 복사해 주는 지시문은 이 두 문장이에요. "데이터센터에서 Blackwell GPU 내부의 실리콘 원자까지 들어가는 3D 모션그래픽을 만들어줘. 실제 자료를 조사하고 중간 구조를 생략하지 말아줘."

플러그인 없이도 될까요

저희가 직접 해 봤어요. 루샨이 9월 30일 글에 예로 든 문장에 조건 다섯 줄(HTML 하나, three.js, 30초 반복, 세로 화면, 장면 이름 한 줄)을 붙여 클로드 오퍼스 5.5에 넣었더니 18분 만에 답이 왔어요. 서버 복도에서 그래픽카드, 칩, 회로를 지나 원자 결정까지 들어갔다가 처음으로 돌아오는 3D 화면이 나왔어요. 다만 부탁한 장면 이름 글자가 3D 화면 뒤에 깔려 안 보였고, 코드 한 줄을 고치니 보였어요. 루샨 영상처럼 실제 부품 구조를 하나하나 짚는 설명은 없었어요. 분위기는 비슷하게 나오지만, 정확한 내용까지 원하면 자료 조사부터 하는 플러그인 쪽이 맞아요.

오해하면 안 되는 점

1시간은 루샨이 처음 만든 영상 기준이에요. 플러그인 안내문에는 오히려 "영상 하나 만드는 데 몇 시간이 걸리고 토큰도 많이 들어요"라고 적혀 있어요. 조사하고, 만들고, 여러 번 검사하기 때문이에요. 클로드 코드는 무료 요금제에 없고 Pro부터 쓸 수 있어요.

따라 한다면

• 맛보기: 클로드에 예시 문장과 조건을 넣고, 받은 코드를 index.html로 저장해 크롬으로 열기
• 원조 방식: 클로드 코드에 설치 두 줄(/plugin marketplace add Seokwoooo/promptfilm, /plugin install promptfilm@promptfilm)
• /promptfilm 뒤에 만들 영상을 한 문장으로, 끝나면 "mp4로 뽑아줘"