최종 업데이트:
Opus 5.5 영상: 화제의 프롬프트와 직접 만드는 방법
Claude Opus 5.5가 나온 뒤로 사람들은 프롬프트 하나로 만든 모션 그래픽 릴, 설명 영상, 3D 장면, 심지어 작은 게임까지 올리고 있습니다. awesome-opus5-5-videos 목록 하나에만 475개가 모여 있습니다. 아래에 가장 유명한 작품들에 쓰인 프롬프트와 직접 만드는 단계를 정리했습니다.
유행을 시작한 프롬프트
첫 번째 물결의 작품 대부분은 같은 한 줄 프롬프트를 썼습니다. 목록 중 58개가 이 프롬프트이거나 거의 그대로 베낀 것입니다:
make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a résumé. go all out.인기 있는 변형은 주제를 자신의 제품이나 웹사이트로 바꾸거나, 길이(10초, 15초, 40초)를 정하거나, SNS용 1080×1080 같은 형식을 지정합니다.
유형별 예시와 프롬프트
목록에 있는 실제 프롬프트를 제작자가 올린 그대로 인용했습니다. 게시물을 열면 영상을 볼 수 있습니다.
모션 그래픽
목록에 288개. 쇼릴, 제품 홍보, 키네틱 타이포그래피.
make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a résumé. go all out.제작 @ajith_io · Canvas · 영상 보기
Make a dynamic 15-second motion graphics video that shows why [your product] is the best at [what it does], like a showreel. Go all out: 1080×1080, 1s hook, loop.제작 @Ishaaqahamed · Canvas · 영상 보기
4 seasons passing outside a train window, a cozy carriage, a cup of coffee on the table, Grand Budapest Hotel style제작 @itsolelehmann · Canvas · 영상 보기
create a motion design video of a poster breaking out of its own frame.제작 @pankajkumar_dev · Canvas · 영상 보기
설명 영상
목록에 62개. 개념, 역사, 작동 원리.
A video explaining recursion, where every explanation about recursion has a radically different video style, make this self-referential & clever & fast moving.제작 @emollick · Canvas · 영상 보기
make a video highlighting key moments in the history of AI.제작 @kloss_xyz · Canvas, SVG, CSS · 영상 보기
请用Manim给我制作一个导数概念学习的视频,要求通俗易懂,并且有例子,引人思考。配音使用edge-tts제작 @LinearUncle · SVG, audio · 영상 보기
3D 장면
목록에 55개. Three.js와 셰이더.
Make a 2-minute sand animation that tells the story of 250 years of U.S. history. Keep it lively, engaging, and tasteful. Add appropriate background music and sound design.제작 @Michaelzsguo · Shader, Canvas · 영상 보기
Show me what goes on inside an AI data centre.제작 @mdaman010 · Three.js, Shader, SVG · 영상 보기
게임과 인터랙티브
목록에 70개. 브라우저에서 바로 플레이할 수 있습니다.
can you make a 3d game where you walk around and spot cats inside of a van gogh painting? we can start with stary night and its town제작 @MandelDuck · Three.js, Shader · 영상 보기
Create a 1-on-1 card game like Hearthstone. Just make it. As best you can. In pixel art style.제작 @aisongman · Canvas, pixel art · 영상 보기
출처: GitHub의 awesome-opus5-5-videos
3단계로 직접 만들기
- 유료 요금제로 Claude(앱 또는 claude.ai)를 열고 Opus 5.5를 선택하거나, Opus 5.5로 Claude Code를 실행합니다.
- 위 프롬프트 중 하나를 붙여 넣고 "하나의 독립된 HTML 파일로 만들어 주세요."라고 덧붙입니다.
- 결과를 브라우저에서 열고 화면을 녹화합니다. 깔끔한 MP4 파일이 필요하면 아래 방법 중 하나를 사용합니다.
"Opus 5.5 영상"이 만들어지는 과정
- 스토리보드: Opus 5.5가 장면별 타이밍을 담은 샷 리스트를 작성합니다.
- 코드: 장면마다 렌더러를 하나씩 작성하며, 모든 프레임은 시간 t만의 순수 함수입니다.
- 프레임: 헤드리스 Chrome이 t를 한 단계씩 진행하며 프레임마다 이미지를 한 장씩 저장합니다.
- 인코딩: ffmpeg가 프레임을 H.264 MP4로 합치고, 두 번째 패스에서 내레이션과 자막을 추가할 수 있습니다.
출처: OrcaRouter: "영상을 기획해 줘"가 실제로 만들어 내는 것
진짜 MP4 파일 만들기
간단한 게시물이라면 화면 녹화로 충분합니다. 프레임레이트가 고정되고 프레임 단위까지 정확한 깔끔한 MP4가 필요하면 애니메이션을 렌더링하세요. 세 가지 방법이 있습니다:
방법 1: Claude Code에서 ClaudeAnimationBase 사용(가장 쉬움)
ClaudeAnimationBase는 John Heibel의 오픈소스(MIT) 스타터 키트입니다. p5.js와 p5.brush, 31가지 감정을 연기하는 Clawd 캐릭터, 그리고 모델에게 애니메이션 만드는 법을 알려 주는 가이드가 들어 있습니다. 제작자는 모든 테스트 영상을 Claude Code에서 xhigh effort로 설정한 Opus 5.5로 만들었습니다.
- Node.js, Google Chrome, ffmpeg, 그리고 Claude Code(Claude 유료 요금제 또는 API 키 필요)를 설치합니다.
- 키트를 클론하고 설치한 뒤 해당 폴더에서 Claude Code를 실행합니다:
git clone https://github.com/JohnHeibel/ClaudeAnimationBase.git cd ClaudeAnimationBase npm install claude # start Claude Code, pick Opus 5.5 with /model - README에 있는 첫 번째 프롬프트를 Opus 5.5에 입력합니다:
Read ANIMATION_GUIDE.md, then make a 15-second video of Clawd trying to catch a butterfly. - Opus 5.5가 스토리보드를 쓰고 이어서 장면 코드를 작성합니다. 끝나면 클립을 렌더링합니다:
node render.mjs --clip --out=out/video.mp4 - out/video.mp4를 열거나, Chrome에서 studio.html을 열어 앞뒤로 넘겨 보며 확인합니다. 수정은 평소 말로 요청하고("점프를 더 느리게", "하늘을 분홍색으로") 다시 렌더링합니다.
전용 GPU가 없으면 프레임 하나를 렌더링하는 데 몇 초가 걸립니다. README는 내장 그래픽에서는 수채화 채우기를 피하라고 권합니다.
출처: GitHub의 ClaudeAnimationBase
방법 2: HTML 파일 하나와 렌더링 스크립트(어떤 스타일이든)
모션 그래픽, 타이틀 카드, 데이터 애니메이션이라면 키트가 필요 없습니다. 간단한 규칙을 따르는 HTML 파일 하나를 Opus 5.5에 요청한 뒤 아래 스크립트로 렌더링하세요.
1920x1080 크기의 독립된 HTML 파일 하나를 작성해서 <canvas>에 10초짜리 애니메이션을 그려 주세요.
window.DURATION = 10으로 설정하고, t초 시점의 프레임을 그리는 async window.seek(t)를 정의해 주세요.
모든 픽셀은 t에만 의존해야 합니다. Date.now(), requestAnimationFrame 루프,
CSS 트랜지션, 시드 없는 Math.random()은 쓰지 마세요.
장면: [여기에 장면, 색상 팔레트, 모션 스타일을 설명]파일을 이 스크립트와 같은 위치에 scene.html로 저장한 뒤 실행합니다:
// capture.mjs: node capture.mjs scene.html 30
import { chromium } from 'playwright';
import { mkdirSync } from 'node:fs';
import { resolve } from 'node:path';
import { pathToFileURL } from 'node:url';
import { execFileSync } from 'node:child_process';
const [file, fpsArg = '30'] = process.argv.slice(2);
const fps = Number(fpsArg);
mkdirSync('frames', { recursive: true });
const browser = await chromium.launch();
const page = await browser.newPage({ viewport: { width: 1920, height: 1080 } });
await page.goto(pathToFileURL(resolve(file)).href);
const total = Math.round((await page.evaluate(() => window.DURATION)) * fps);
for (let i = 0; i < total; i++) {
await page.evaluate((t) => window.seek(t), i / fps);
await page.screenshot({ path: `frames/${String(i).padStart(5, '0')}.png` });
}
await browser.close();
execFileSync('ffmpeg', ['-y', '-framerate', String(fps), '-i', 'frames/%05d.png',
'-c:v', 'libx264', '-pix_fmt', 'yuv420p', 'out.mp4'], { stdio: 'inherit' });npm init -y
npm install playwright
npx playwright install chromium
node capture.mjs scene.html 30 # writes out.mp4이 스크립트는 Playwright 1.56과 ffmpeg 6으로 테스트 장면에서 실행해 봤습니다. frames/에 프레임마다 PNG를 한 장씩 저장한 뒤 out.mp4를 만듭니다.
출처: Hugging Face: Opus 5.5 영상을 위한 결정적 렌더링 파이프라인
방법 3: 긴 영상에는 Remotion 또는 HyperFrames
- Remotion(React)과 HyperFrames(HTML, HeyGen 제작)는 코드로 영상을 렌더링하기 위해 만들어진 프레임워크입니다. 타임라인, 오디오 트랙, 렌더링을 대신 처리해 줍니다.
- 먼저 Opus 5.5에 장면별 스토리보드를 요청해 승인한 다음, 컴포지션을 한 장면씩 작성하게 합니다.
- 내레이션이 필요하면 TTS 서비스로 음성을 생성하고 단어별 타임스탬프를 보관한 뒤, Opus 5.5가 그에 맞춰 자막과 애니메이션 타이밍을 맞추게 합니다.
- 먼저 절반 해상도로 초안을 렌더링하고, 그다음 최종본을 전체 해상도로 렌더링합니다.
출처: Apiyi: Opus 5.5로 코드를 써서 영상 만들기
프롬프트 템플릿 더 보기
모든 프롬프트가 먼저 스토리보드를 요청합니다. 결과물에 가장 큰 차이를 만드는 단계입니다.
제품 홍보 영상(15초)
먼저 [제품]의 15초 홍보 영상 스토리보드를 써 주세요: 장면 4개, 굵은 타이포그래피, 강조색 하나, 빠른 컷 전환. 제가 OK하면 window.DURATION과 window.seek(t)가 있는 HTML canvas 파일 하나로 만들어 주세요.자막이 있는 설명 영상(30초)
[주제]를 장면 5개로 설명하는 30초짜리 영상을 만들어 주세요. SVG로 그린 단순한 플랫 아이콘, 화면 하단에 한 줄씩 나오는 자막, 차분한 속도로요. 스토리보드를 먼저 쓰고, 그다음 코드를 작성해 주세요.데이터 애니메이션
이 데이터를 20초짜리 바 차트 레이스 애니메이션으로 만들어 주세요: [CSV 붙여 넣기]. 매 프레임 막대를 다시 정렬하고, 모서리에 연도를 표시하고, 모든 변화에 이징을 넣어 주세요. 모든 프레임은 t에만 의존해야 합니다.단편 만화(ClaudeAnimationBase, 원문)
Read ANIMATION_GUIDE.md, then make a 15-second video of Clawd trying to catch a butterfly.시간과 토큰을 아끼는 팁
- 10~15초부터 시작하세요. 길어질수록 렌더링 시간과 토큰이 몇 배로 늘어납니다.
- 코드를 쓰기 전에 스토리보드를 승인하세요. 샷 리스트를 고치는 건 싸지만, 완성된 코드를 고치는 건 비쌉니다.
- 결정성을 고집하세요. 프레임이 t 이외의 무언가에 의존하면 렌더링이 깜빡이거나 실행할 때마다 달라집니다.
- Opus 5.5가 자기 결과물을 보게 하세요. 정지 프레임 몇 장이나 콘택트 시트를 렌더링해 검토를 요청하면 됩니다. Opus 5.5는 이미지를 읽을 수 있습니다.
- 첫 번째 패스에서는 텍스트와 내레이션을 빼고, 움직임이 잘 나온 다음에 추가하세요.
Opus 5.5가 영상에서 할 수 있는 것과 없는 것
| 할 수 있는 것 | 할 수 없는 것 |
|---|---|
| 스토리보드와 장면별 애니메이션 코드 작성 | 혼자서 MP4나 다른 영상 파일 출력 |
| 정지 이미지를 읽을 수 있어서 직접 렌더링한 프레임과 콘택트 시트 검토 | 영상 파일을 입력으로 받거나 참고 클립 시청 |
| 모션 그래픽, 설명 영상, 차트, 타이틀 카드, 2D 만화를 코드로 그리기 | Sora나 Veo 같은 사실적인 영상 제작 |
| 자막 타이밍과 내레이션 대본 작성 | 음성이나 음악 생성(별도의 TTS나 오디오 도구 필요) |
출처: Claude Opus 5.5 모델 개요(Anthropic)
가격과 비용
- Opus 5.5의 API 가격은 입력 토큰 100만 개당 $4.00, 출력 토큰 100만 개당 $20.00입니다. Claude 앱과 Claude Code에서는 유료 요금제에서만 쓸 수 있으며, 무료 요금제에서는 Sonnet과 Haiku를 제공합니다.
- 계산 예시: 300,000토큰을 읽고 60,000토큰을 쓰는 세션은 정가 기준 $2.40입니다. 수정을 한 번 할 때마다 비용이 더해집니다.
- Apiyi 가이드는 30초짜리 설명 영상의 모델 비용을 "몇 센트에서 1달러 안팎"으로 봅니다. TTS 비용은 별도입니다.
- 렌더링 자체는 내 컴퓨터에서 실행되므로 시간 외에는 비용이 들지 않습니다.
예시와 더 읽을거리
이런 영상을 프롬프트와 함께 모아 둔 곳이 두 군데 있습니다. GitHub의 awesome-opus5-5-videos에는 475개가 있고(skillry.dev에서 둘러볼 수 있음), Claude Video(claudevideo.org)는 1,235개를 모았으며 그중 457개에는 제작자의 전체 프롬프트가 붙어 있습니다. 둘 다 Anthropic과 관계없는 곳입니다.
출처: skillry.dev
출처: Claude Video 갤러리
출처: explainx: 화제의 Opus 5.5 만화는 어떻게 만들어졌나
자주 묻는 질문
화제가 된 Opus 5.5 영상에는 어떤 프롬프트가 쓰였나요?
대부분 이 한 줄을 썼습니다: "make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a résumé. go all out." 이후 많은 사람이 주제를 자기 제품, 웹사이트, 관심 주제로 바꿨습니다.
Claude Opus 5.5로 영상을 생성할 수 있나요?
직접은 안 됩니다. 텍스트만 출력합니다. 여러분이 보는 영상은 Opus 5.5가 애니메이션 코드를 쓰고, 브라우저가 프레임 단위로 렌더링한 뒤 ffmpeg가 MP4로 인코딩한 것입니다.
Opus 5.5가 영상을 보거나 분석할 수 있나요?
아니요. 텍스트와 이미지만 받습니다. 대신 영상에서 정지 프레임이나 콘택트 시트를 뽑아 넘겨줄 수 있습니다.
Opus 5.5로 영상을 만들려면 Claude Code가 꼭 필요한가요?
가장 쉬운 방법입니다. Opus 5.5가 직접 파일을 쓰고, 렌더링을 실행하고, 프레임을 확인할 수 있기 때문입니다. API나 Claude 앱을 쓰고 렌더링 스크립트를 직접 실행해도 됩니다.
Opus 5.5로 영상 만들기는 무료인가요?
도구(ClaudeAnimationBase, Playwright, ffmpeg)는 무료입니다. Opus 5.5는 Claude 무료 요금제에 포함되지 않으므로 유료 요금제나 API 크레딧이 필요합니다.
어떤 스타일이 가장 잘 되나요?
모션 그래픽, 설명 영상, 차트, 플랫한 2D 만화입니다. 도형과 글자로 그릴 수 있는 것은 잘 되고, 사실적인 실사 영상은 안 됩니다.
독립 가이드입니다. Anthropic과 제휴 관계가 없습니다. 가격은 Anthropic의 미국 달러 기준 정가입니다.