비디오 프롬프트 · Claude Opus 5.5
하이엔드 제품 출시 영상 프롬프트
HTML/JS를 사용하여 비트 싱크 제품 출시 영상을 생성하기 위한 종합 프롬프트로, 입력값, 연출 방향, 구조 및 빌드 단계를 상세히 설명합니다.
프롬프트 (한국어)
<inputs> 다음 정보를 요청하세요: 제품명과 한 줄 약속, 보여줄 UI 모멘트 3~5개, 액센트 컬러 1개, 소유한 실제 세로 클립 10~20개, 그리고 명확한 드롭이 있는 로열티 프리 음악(예: Mixkit, 상업적 사용 가능). </inputs> <direction> 하이엔드 미니멀 스타일. 컷당 하나의 아이디어, 넓은 여백, 하나의 액센트 컬러, 타이트한 트래킹의 깔끔한 산세리프 폰트(Geist 또는 Inter) 사용. 마스크 타이프 리빌, 매치 컷, 하나의 부드러운 카메라 무브먼트. 실제 푸티지만 사용하며 플레이스홀더 카드는 절대 금지. 화면 내 텍스트에는 마침표를 사용하지 않음. 금지 사항: 충격파 링, 파티클 버스트, RGB 분할, 카메라 흔들림, 렌즈 플레어, 네온 글로우, 그리드 바닥, 깜빡이는 배경, 바운시 이징. </direction> <structure> 120 BPM 기준 10마디, 각 마디당 2초. 마디 1: 훅이 비트에 맞춰 단어별로 등장. 마디 2: 훅의 한 단어가 제품 UI로 변형됨. 커서가 타이핑하고 클릭함. 드롭: 버튼에서 원형이 열리며 어두운 장면으로 전환. 이후 마디당 하나의 무브: 스캔 라인과 승자 3명이 포함된 실제 클립 월, 큰 타이포그래피로 표시된 주요 출력물, 바닥 반사와 히어로 클립으로의 모션 블러 위프가 포함된 실제 비디오의 3D 캐러셀, 결과 패널과 나란히 놓인 휴대폰 속 히어로 이미지, 푸시 컷 위의 큰 통계 수치, 3단어 티커, 로고 리빌, 페이드 투 블랙. </structure> <build> 1. 1920x1080 해상도의 단일 HTML 파일. 모든 스타일은 https://t.co/aSbWNhjgSI(t) 내부에서 시간 기반으로 계산됨: CSS 애니메이션 없음, 타이머 없음, 프레임 간 상태 없음. 2. 실제 비디오: ffmpeg을 사용하여 클립을 30fps JPEG 시퀀스로 추출하고 프레임마다 img 소스를 교체함. seek은 이미지 디코딩 완료를 대기함. 3. numpy로 음악 분석: 템포, 비트 그리드, 마디별 에너지, 드롭 지점. 실제 킥 히트에 맞춰 그리드 보정. 모든 컷은 다운비트에, 모든 UI 히트는 비트에 위치함. 4. Playwright로 렌더링: t minus, at, plus 1/240s에서 프레임당 3개의 서브프레임을 렌더링한 후, ffmpeg tmix를 사용하여 60fps에서 실제 모션 블러 효과를 위해 블렌딩함. 5. 각 사운드 효과는 파일 시작점이 아닌 측정된 피크가 이벤트에 정확히 일치하도록 배치함. 음악 아래에서 효과음은 조용하게 유지. Loudnorm으로 -14 LUFS 정규화. 6. 전체 렌더링 전에 20개 이상의 프레임을 프로빙함. 복잡하거나 겹치거나 읽기 어려운 부분을 모두 수정. </build> <gotchas> preserve-3d 요소에 opacity나 filter를 설정하지 마세요. 평면화되어 양쪽 면이 모두 보이게 되기 때문입니다. 대신 래퍼(wrapper)를 페이드 처리하세요. 매치 컷을 위해 런타임에 요소 위치를 측정하세요. 상업적 사용을 허용하는 라이선스의 음악과 사운드 효과만 사용하세요. </gotchas> <start> 입력값을 요청한 후, 코드를 작성하기 전에 비트 그리드에 맞춘 모든 타이밍이 포함된 스토리보드를 제시하세요. </start>
원문 프롬프트
<inputs>
Ask me for: the product name and a one-line promise, 3 to 5 UI moments to show, one accent color, 10 to 20 real vertical clips I own, and a royalty-free song with a clear drop (e.g. Mixkit, free for commercial use).
</inputs>
<direction>
High-end minimal. One idea per shot, lots of empty space, one accent color, one clean sans (Geist or Inter) with tight tracking. Masked type reveals, match cuts, one smooth camera language. Real footage only, never placeholder cards. No full stops in on-screen text.
Banned: shockwave rings, particle bursts, RGB split, camera shake, lens flares, neon glows, grid floors, flashing backgrounds, bouncy easing.
</direction>
<structure>
10 bars at 120 BPM, 2 seconds each.
Bar 1: the hook lands word by word on the beats.
Bar 2: one hook word morphs into the product UI. A cursor types and clicks.
The drop: a circle opens out of the button into a dark scene.
Then one move per bar: a wall of real clips with a scan line and 3 winners, the key output as big type, a 3D carousel of real videos with floor reflections and a motion-blurred whip onto one hero clip, the hero in a phone next to a panel that flips into results, big stats on push cuts, a 3-word ticker, a logo reveal, a fade to black.
</structure>
<build>
1. One HTML file at 1920x1080. Every style is computed from time inside seek(t): no CSS animations, no timers, no state between frames.
2. Real video: extract clips to 30fps JPEG sequences with ffmpeg and swap img sources per frame. seek awaits the image decodes.
3. Analyze the song with numpy: tempo, beat grid, energy per bar, the drop. Calibrate the grid to the real kick hits. Every cut sits on a downbeat, every UI hit on a beat.
4. Render with Playwright: 3 subframes per frame at t minus, at, and plus 1/240s, then blend with ffmpeg tmix for real motion blur at 60fps.
5. Place each sound effect so its measured peak, not its file start, lands on the event. Keep the effects quiet under the music. Loudnorm to -14 LUFS.
6. Probe 20 or more frames before the full render. Fix anything cluttered, overlapping or hard to read.
</build>
<gotchas>
Never set opacity or filter on a preserve-3d element, because it flattens and both faces show. Fade its wrapper instead. Measure element positions at runtime for match cuts. Only use music and sound effects whose license allows commercial use.
</gotchas>
<start>
Ask me for the inputs, then show me a storyboard with every timing on the beat grid before you write any code.
</start>작성자 zero · 원문 보기
수집 자료의 원작성자와 출처를 표시합니다. 개별 자료의 이용 조건은 원문에서 확인하세요.
갤러리에서 열어 복사·저장하기 →이 프롬프트 쓰는 법
- 원문 프롬프트를 복사해 Claude Opus 5.5에 붙여 넣습니다.
- 주인공과 장소처럼 내 것으로 바꿀 부분만 고칩니다. 카메라 움직임과 장면 순서를 적은 부분은 그대로 둡니다.
- 같은 프롬프트로 두세 번 만들어 보고 고릅니다. 매번 조금씩 다르게 나옵니다.
