생성형 AI 대신 Remotion 코드로 제품 페이지를 시네마틱 홍보 영상으로 만드는 Claude Code 및 Codex용 에이전트 스킬입니다.
joeseesun/opus-video-prompts
Claude Opus 5.5가 코드 작성으로 영상을 생성하는 방식을 보여 주는 프롬프트 18개와 공개 사례 54개를 엄선해 모았습니다.
- 스타
- 517
- 포크
- 44
- 열린 이슈
- 0
- 마지막 커밋
- 24일 전
어떤 프로젝트인가요?
Claude Opus 5.5는 동영상 파일을 직접 출력하지 않습니다. 대신 HTML Canvas, p5.js, Three.js, Remotion, Manim 스크립트 같은 코드를 작성해 각 프레임을 그린 뒤, 헤드리스 브라우저가 이를 캡처하고 FFmpeg가 MP4로 합칩니다. 이 저장소에는 모델 출시 후 첫 주에 공개된 프롬프트와 사례가 담겨 있으며, 모션 그래픽, 라인 아트와 잉크 애니메이션, 과학 설명 영상, 제품 출시 클립, 가사 영상 등을 다룹니다.
각 항목에는 프롬프트와 원본 게시물, 작성자가 보고한 도구, 대략적인 소요 시간과 비용에 관한 메모가 함께 제공됩니다. 짧은 가이드에서는 Claude Code 설정, 필요한 로컬 도구(Node.js, Chrome, FFmpeg), 코딩 전에 스토리보드를 만들고 프레임별 렌더링 결과를 결정론적으로 유지하는 등의 실용적인 팁을 설명합니다.
이 프로젝트는 프로그래밍 방식으로 영상을 생성할 때 활용할 구체적인 프롬프트를 찾는 개발자를 위한 자료입니다. 동시에 한계도 안내합니다. 결과물은 사실적인 영상보다는 스타일화된 영상이며, 비용은 몇 달러에서 긴 영상의 경우 수백 달러까지 달라질 수 있습니다.
핵심 기능
- 01한 줄짜리 시작 프롬프트, 구조화된 템플릿, 긴 사양형 프롬프트를 아우르는 완성형 프롬프트 18개.
- 02원본 게시물 링크, 도구 관련 메모, 보고된 소요 시간이나 비용이 포함된 공개 사례 54개.
- 03단일 파일 Canvas 애니메이션부터 Remotion과 Manim까지, 9가지 기술적 접근 방식 개요.
- 04먼저 스토리보드를 작성하고 시간에 따라 각 프레임을 결정론적으로 렌더링하는 등의 작성 팁.
- 05Claude Code, Node.js, Chrome, FFmpeg 설정 안내와 한계 설명.
활용 사례
- 코드로 생성하는 모션 그래픽이나 제품 출시 영상의 시작 프롬프트 찾기.
- TTS 내레이션과 이중 언어 자막이 포함된 라인 아트 설명 영상의 제작 방식 살펴보기.
- 프로그래밍 방식 영상 제작과 전통적인 제작 방식의 비용 및 반복 작업 부담 비교하기.
- Canvas, Three.js, Remotion 프로젝트에서 프레임을 결정론적으로 렌더링하는 패턴 익히기.
빠른 시작
- 1
Claude Code를 설치하고 모델을 Opus 5.5로 변경합니다
- 2
MP4를 렌더링할 수 있도록 사용할 머신에 Node.js, Chrome, FFmpeg를 준비합니다
- 3
빈 디렉터리를 만들고 README에 있는 프롬프트 중 하나를 Claude Code에 붙여 넣습니다
- 4
Claude가 코드를 작성하고 렌더링한 뒤 자체 점검을 거쳐 MP4를 만들 때까지 기다립니다
사용 전 알아둘 점
- Opus 5.5는 동영상 파일을 직접 출력하지 않습니다. 코드를 작성해 동영상을 생성하므로 실제 촬영한 듯한 영상 제작에는 적합하지 않습니다.
- 렌더링하려면 Node.js, Chrome, FFmpeg와 Opus 5.5를 사용할 수 있는 Claude Code 구독이 필요합니다.
- 이 저장소는 설치 가능한 소프트웨어가 아니라 프롬프트와 사례 링크 모음이며, 라이선스가 명시되어 있지 않습니다.
토픽
자주 묻는 질문
- opus-video-prompts은(는) 무엇인가요?
- Claude Opus 5.5가 코드 작성으로 영상을 생성하는 방식을 보여 주는 프롬프트 18개와 공개 사례 54개를 엄선해 모았습니다. Claude Opus 5.5는 동영상 파일을 직접 출력하지 않습니다. 대신 HTML Canvas, p5.js, Three.js, Remotion, Manim 스크립트 같은 코드를 작성해 각 프레임을 그린 뒤, 헤드리스 브라우저가 이를 캡처하고 FFmpeg가 MP4로 합칩니다. 이 저장소에는 모델 출시 후 첫 주에 공개된 프롬프트와 사례가 담겨 있으며, 모션 그래픽, 라인 아트와 잉크 애니메이션, 과학 설명 영상, 제품 출시 클립, 가사 영상 등을 다룹니다.
- opus-video-prompts은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- opus-video-prompts에는 명시된 라이선스가 없습니다. 코드는 공개되어 있지만 라이선스가 없으면 재사용 허가가 명확하지 않으므로, 사용 전에 작성자에게 문의하는 것이 좋습니다.
- opus-video-prompts은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. opus-video-prompts의 마지막 커밋은 2026년 9월 27일입니다.
- opus-video-prompts은(는) 어디에 사용할 수 있나요?
- 코드로 생성하는 모션 그래픽이나 제품 출시 영상의 시작 프롬프트 찾기. TTS 내레이션과 이중 언어 자막이 포함된 라인 아트 설명 영상의 제작 방식 살펴보기. 프로그래밍 방식 영상 제작과 전통적인 제작 방식의 비용 및 반복 작업 부담 비교하기. Canvas, Three.js, Remotion 프로젝트에서 프레임을 결정론적으로 렌더링하는 패턴 익히기.
- opus-video-prompts는 어떻게 설치하나요?
- Claude Code를 설치하고 모델을 Opus 5.5로 변경합니다 MP4를 렌더링할 수 있도록 사용할 머신에 Node.js, Chrome, FFmpeg를 준비합니다 빈 디렉터리를 만들고 README에 있는 프롬프트 중 하나를 Claude Code에 붙여 넣습니다 Claude가 코드를 작성하고 렌더링한 뒤 자체 점검을 거쳐 MP4를 만들 때까지 기다립니다
- opus-video-prompts은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/joeseesun/opus-video-prompts
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
Claude Code나 Codex로 음성 해설형 설명 영상을 만들고, 단어 단위로 오디오를 동기화해 Remotion으로 렌더링하는 에이전트 스킬
Remotion으로 코드에서 모션 그래픽 영상을 만들고 편집하도록 Claude를 가르치는 MIT 라이선스 에이전트 스킬입니다.
AI 코딩 에이전트가 Remotion으로 방송 스타일 모션 그래픽을 만들도록 안내하는 Agent Skills 4종입니다.
After Effects 없이 코드로 모션 그래픽과 출시 영상을 만드는 Claude Code 스킬 모음
웹사이트 URL을 HTML 기반의 60fps 제품 출시 영상으로 만드는 Claude Code 스킬입니다.