빌더 조쉬 쇼츠 "클로드가 모션그래픽 업계를 집어삼키고 있어요"에서 약속드린 한글 모션 프롬프트 100개예요. 빌더 조쉬가 직접 만들었고, 클로드(클로드 코드 또는 클로드 앱)에 복사해서
[대괄호]만 내 것으로 바꾸면 돼요.
이런 AI 실전 활용법을 계속 받아보고 싶다면
아래는 이 라이브러리의 프롬프트를 클로드 코드에 그대로 넣어서 나온 결과예요. 공통 블록까지 붙여 클로드 코드(Opus, effort 최대)로 돌렸고, 왼쪽부터 #11 버튼이 차트가 되는 대시보드 데모, 앱 출시 필름, 도형 하나로 만드는 추상 모션이에요.
이 라이브러리 프롬프트로 클로드가 만든 실제 결과
<제작>
1. HTML 파일 하나, [세로 1080x1920 / 가로 1920x1080]. 모든 스타일은 window.seek(t) 안에서 시간만으로 계산한다: CSS 애니메이션·타이머·프레임 사이에 남는 상태 금지.
2. 스프링은 닫힌 형태(시간의 함수)로 쓰고, 목표가 여러 번 바뀌면 바뀔 때마다 스프링을 하나씩 더해서 계속 시간의 순수 함수로 유지한다. 오버슈트는 아주 살짝만.
3. 빠르게 움직이는 것에는 속도 방향으로 모션 블러.
4. Playwright로 60fps 렌더, 프레임마다 서브프레임 3장을 ffmpeg tmix로 섞어 모션 블러를 만들고 output.mp4로 저장한다. 소리가 필요하면 Web Audio(OfflineAudioContext)로 박자마다 킥, 장면 전환마다 효과음을 코드로 만들어 합친다.
5. 전체 렌더 전에 박자마다 한 프레임씩 뽑아 직접 보고, 복잡하거나·박자에서 벗어나거나·겹치거나·읽기 어려운 곳을 고친 뒤 렌더한다.
6. Math.random 금지(매번 같은 결과).
</제작>
<금지>
파티클 폭발, 글로우, 렌즈 플레어, 카메라 흔들림, RGB 분리, 크로스페이드·블러 인, 흔한 그라데이션, 통통 튀는 이징, 0.5초 넘게 멈춘 화면, 화면 구석의 작은 라벨·숫자, 템플릿처럼 보이는 모든 것.
</금지>
<시작>
콘셉트를 한 줄로 정하고 박자별 스토리보드를 먼저 보여 준 다음, 나한테 더 묻지 말고 끝까지 만들어서 output.mp4 를 줘.
</시작>
[대괄호] 안을 내 제품 이름·브랜드 색·문구로 바꿔요. 색을 모르면 적혀 있는 기본 색을 그대로 둬도 돼요.클로드 앱에서는 HTML 미리보기로 재생해 보고, 화면 녹화로 저장하면 돼요.
<방향>
15초 출시 영상. 제품 이름은 "[제품 이름]". 거의 검정 #0B0B0C 캔버스, 오프화이트 #F2EFE8 선과 글자, [포인트 색 · 기본 #FF5A1F] 하나. 글꼴 Pretendard. 선 하나가 처음부터 끝까지 끊기지 않는다: 화면 왼쪽에서 들어온 선이 로고를 한 획으로 그리고 → 로고 획이 풀려 첫 기능 아이콘이 되고 → 아이콘이 접혀 둘째·셋째 기능 아이콘이 되고 → 다시 곧게 펴져 "[출시일] 공개"의 밑줄이 된다. 기능 이름은 그 선 위 마스크에서 올라온다. 자르거나 페이드하지 않는다. 마지막 프레임 = 첫 프레임(빈 검정에 선 끝 하나).
</방향>
<구성>
120 BPM, 8마디, 박자마다 무언가 일어난다. 1마디: 선 진입 → 로고 한 획 그리기. 2마디: 로고 완성, 박자마다 획이 한 단계씩 굵어짐. 3마디: [기능 1]. 4마디: [기능 2]. 5마디: [기능 3], 카메라가 아이콘으로 줌. 6~7마디: "[출시일] 공개"가 박자마다 한 글자씩 올라옴, 마지막 글자에서 밑줄만 [포인트 색]. 8마디: 글자가 밑줄 속으로 내려가고 선이 화면 오른쪽으로 빠짐.
</구성>