Claude Opus 5.5 기반 코드 비디오 제작 GitHub 저장소 8선

📌 요약: Claude Opus 5.5로 "코드로 영상을 만드는" 흐름이 확산되면서 관련 GitHub 저장소가 빠르게 늘고 있음. SNS에 공유된 8개 저장소 목록을 GitHub API로 직접 검증하고, 용도·시작 방법·라이선스 기준으로 정리했음.

• 확인일: 2026-10-21 KST (스타 수는 GitHub API 조회값)
• 8개 저장소 모두 실존 확인함. 스타 수는 원본 목록과 오차 범위 내(±5%)임
• 원본 목록: SNS에 공유된 "Opus 5.5로 비디오 만들 때 북마크할 GitHub 저장소 8개" 게시물(원 게시자 표기 없음, 링크 생략본)을 바탕으로 함

1. 배경 및 모델명 확인

• Anthropic이 2026-09-22에 Claude Opus 5.5를 공개했음 (API 모델 ID claude-opus-5-5)
• 원본 목록의 "Opus 5.5"는 이 모델을 가리킴. 8개 저장소 README와 소개 문구도 모두 "Claude Opus 5.5"로 표기함
• 단, #7은 Opus 외에 Sonnet·Haiku 5.5와 작성자 주장 기준 Fable 사례까지 함께 다룸

• 핵심은 "영상 생성 모델"이 아니라는 점임
• Opus가 HTML·Canvas·SVG·p5.js·Three.js 코드로 프레임을 그림. 이후 헤드리스 Chrome이 프레임을 캡처하고 ffmpeg가 MP4로 합침
• 그래서 모션그래픽, 손그림 애니메이션, 설명 영상, 가사 MV에 강하고 실사 영상은 약함 (#8 README 설명과 동일함)

Anthropic 공식 발표: Introducing Claude Opus 5.5

2. 전체 구조

프롬프트 → Claude → 코드 → 렌더 → 영상 단계별 저장소 매핑 · 출처: 각 저장소 README 기반 직접 작성

• 프롬프트·사례: #1, #7, #8
• Claude Code 스킬·가이드: #2, #6
• 완성 소스 레퍼런스: #3, #4, #5
• 공통 런타임은 Node.js + Chrome + ffmpeg 조합임

3. 요약표

스타 수는 GitHub API 기준 2026-10-21 16:52 KST 조회값이며 계속 변동됨

4. 저장소별 정리

① awesome-opus5-5-videos

github.com/yihui-dev/awesome-opus5-5-videos · ★ 7,406 · MIT · 최종 push 2026-10-13

awesome-opus5-5-videos 저장소 첫 화면 · 출처: GitHub yihui-dev/awesome-opus5-5-videos (캡처 2026-10-21 KST)

• Opus 5.5로 만든 화제 영상과 제작자가 공개한 프롬프트를 모은 목록임
• README 기준 프롬프트 703개, 그중 418개는 Skillry 사이트에서 원본과 재현본을 나란히 볼 수 있음
• 모션그래픽·설명 영상·3D·게임 카테고리로 나뉘고, 항목마다 기술 태그(Canvas, SVG, GSAP 등)가 붙어 있음

• 시작 방법: prompts/에서 파일을 열고 Prompt 블록을 복사함 → Opus 5.5 에이전트에 붙여넣음 → 단일 HTML로 렌더하게 한 뒤 필요하면 화면을 녹화함
• 참고: 일부는 프롬프트 일부만 공개됐거나 결과 설명만 있음. 파일에 그 사실이 표시돼 있음

② lemo-opuscar

github.com/lemomo-ai/lemo-opuscar · ★ 4,546 · MIT + CC BY 4.0 · 최종 push 2026-10-19

lemo-opuscar 저장소 첫 화면 · 출처: GitHub lemomo-ai/lemo-opuscar (캡처 2026-10-21 KST)

• 영상 모델 없이 순수 코드로 단편을 만드는 Claude Code 스킬(플러그인)임
• README 기준 51개 영화 스타일을 제공함. 스타일마다 스타일 프롬프트와 코드로 만든 데모 영상이 붙어 있음
• 98편의 아카데미 작품상을 스타일별로 재구성한 데모 "OPUSCAR 98"이 있음. 10-16에는 실제 자료를 다루는 "Evidence Films" 스타일 8종이 추가됐음
• Canvas·WebGL 화면, 샘플 기반 음악, TTS 내레이션까지 에이전트가 처리하는 구조임

• 시작 방법: claude plugin marketplace add lemomo-ai/lemo-opuscar → claude plugin install lemo-opuscar@lemolab
• 요구사항: Node 20+, ffmpeg, Python 3.11+(또는 uv)
• 주의: 작성자가 Opus 5.5에 맞춰 튜닝했다고 명시함. 다른 모델에서는 재현이 잘 안 될 수 있음

③ pdoom-video

github.com/mexicat/pdoom-video · ★ 3,023 · MIT(코드) · 최종 push 2026-10-06

pdoom-video 저장소 첫 화면 · 출처: GitHub mexicat/pdoom-video (캡처 2026-10-21 KST)

• "I'm Upping My P(doom)" 곡의 가사 싱크(카라오케 타이포) MV 전체 프로젝트임
• 모든 프레임이 곡 시간에 대한 결정적 함수라 브라우저 미리보기와 오프라인 출력이 같음
• TypeScript + three.js(bun + Vite) 렌더러, Demucs·Whisper 기반 가사 정렬과 비트 분석 도구까지 포함함
• 1080p60이 기본임. --scale 2 옵션으로 실제 3840×2160 4K60 렌더가 가능함(업스케일 아님)

• 시작 방법: cd app && bun install && bunx vite로 미리보기 → bun scripts/render.ts video ...로 오프라인 렌더
• 요구사항: bun, Google Chrome, libx264 포함 ffmpeg (분석 도구는 uv)
• 주의: 4K는 CRF 16 기준 약 670Mbit/s, 곡 하나에 13GB 수준이라고 README에 적혀 있음. 음원·가사는 MIT 범위 밖임

④ PDoomVideo

github.com/JohnHeibel/PDoomVideo · ★ 2,340 · 라이선스 표기 없음 · 최종 push 2026-09-26

PDoomVideo 저장소 첫 화면 · 출처: GitHub JohnHeibel/PDoomVideo (캡처 2026-10-21 KST)

• 같은 곡을 다른 접근으로 만든 Opus 5.5 MV 소스임
• p5.js + p5.brush 붓질 질감, Clawd 캐릭터 디자인을 사용함
• README에 "저장소의 모든 것은 모델이 생성"했다고 적혀 있음. 사람이 준 지시는 Clawd 사용과 가사별 시각화·전환 정도였다고 함
• Opus가 서브에이전트용으로 쓴 ANIMATION_GUIDE.md와 STORYBOARD.md가 공개돼 있어 프롬프트 설계 참고용으로 좋음

• 시작 방법: npm install → node render.mjs --frames=0:156.6 --workers=4 → node render.mjs --encode --out=out/pdoom.mp4
• 비교 포인트: ③은 three.js·타이포 중심, ④는 붓질 캐릭터 애니메이션 중심임. 같은 곡이라 구조 차이가 잘 드러남
• 주의: LICENSE 파일이 없음. 코드 재사용 전 작성자 확인이 필요함

⑤ mg-styles-15

github.com/Vincentwei1021/mg-styles-15 · ★ 1,469 · MIT · 최종 push 2026-10-05

mg-styles-15 저장소 첫 화면 · 출처: GitHub Vincentwei1021/mg-styles-15 (캡처 2026-10-21 KST)

• MG(모션그래픽) 스타일 15종을 10초 영상 15편으로 만든 저장소임
• 스타일마다 완성 영상, 스타일 설명, 전체 프롬프트, 전체 소스가 공개돼 있음
• 화면은 SVG·Canvas·WebGL·Three.js로 그림(3D 1편은 Blender). 음악·효과음도 audio.py로 코드 합성함
• 각 영상에 window.renderAt(t)가 있어 임의 시점의 프레임을 그리는 구조임. 렌더러 설계 참고용으로 가장 깔끔함

• 시작 방법: npm install → python3 demos/01-flat-vector/audio.py → node harness/render.mjs demos/01-flat-vector
• 요구사항: Node.js 22.12+, Chrome, ffmpeg, Python 3.11+ (3D 스타일만 Blender)
• 팁: 새 영상을 만들 때 이 저장소의 harness/render.mjs와 lib/audio를 쓰라고 지시하면 렌더러를 처음부터 짜지 않아도 된다고 README가 안내함

⑥ ClaudeAnimationBase

github.com/JohnHeibel/ClaudeAnimationBase · ★ 1,361 · MIT · 최종 push 2026-09-24

ClaudeAnimationBase 저장소 첫 화면 · 출처: GitHub JohnHeibel/ClaudeAnimationBase (캡처 2026-10-21 KST)

• ④ PDoomVideo 작성자가 만든 범용 스타터 킷임. 손그림 카툰 캐릭터 애니메이션용임
• p5.js + p5.brush 기반이고, Clawd 캐릭터와 연기된 감정 31종이 들어 있음(저장소 소개 문구 기준)
• ANIMATION_GUIDE.md에 모델이 따를 규칙이 정리돼 있음. 스토리보드 선작성, 컷 단위 제작, 컨택트 시트로 자가 점검하는 흐름임

• 시작 방법: 클론 후 Claude Code에서 "Read ANIMATION_GUIDE.md, then make a 15-second video of …" 식으로 요청함
• 직접 렌더: npm install → node render.mjs --clip --out=out/video.mp4
• 주의: GPU가 없으면 수채화 채색 때문에 프레임당 수 초가 걸린다고 함. GPU 없는 리눅스 서버는 --soft-gl 옵션을 씀

⑦ awesome-claude-5-5-videos

github.com/athemeroy/awesome-claude-5-5-videos · ★ 580 · CC BY 4.0 · 최종 push 2026-10-11

awesome-claude-5-5-videos 저장소 첫 화면 · 출처: GitHub athemeroy/awesome-claude-5-5-videos (캡처 2026-10-21 KST)

• 출처 링크 기반으로 Claude 5.5 영상 워크플로를 모은 연구형 목록임
• 2026-10-11 기준 고유 원본 게시물 424건임. 모델별로 Opus 301, Sonnet 54, Haiku 21, Fable 68건임
• 원본 목록의 "Opus만 301개"는 맞음. 다만 이 수치는 답글·변형 포함 원본 게시물 수이고, 다중 모델 비교가 겹쳐 합계와 일치하지 않는다고 README가 밝힘
• 콘텐츠·색상 통계, 비용(동일 과제 Haiku $2.19 vs Opus $3.04 사례), 입력 자료 분석까지 정리돼 있음

• 활용: 결과물 감상보다 "실제 제작에 무엇이 들어갔는지"(소재, 수정 횟수, 비용)를 파악할 때 유용함
• 주의: 원본 MP4는 재배포하지 않음. 링크된 작품 저작권은 각 제작자에게 있음

⑧ opus-video-prompts

github.com/joeseesun/opus-video-prompts · ★ 543 · 라이선스 표기 없음 · 최종 push 2026-09-27

opus-video-prompts 저장소 첫 화면 · 출처: GitHub joeseesun/opus-video-prompts (캡처 2026-10-21 KST)

• 중국어로 정리한 사례·프롬프트 모음임. 전체 프롬프트 18건, 공개 사례 54건, 기술 경로 9종임
• Opus 5.5 공개 첫 주(2026-09-22~25)에 X·빌리빌리·GitHub 등에서 작성자 본인이 공개한 프롬프트 원문만 수록함
• Remotion 기반 앱 홍보 영상 사례 2건이 포함돼 있어 Remotion 사용자에게 참고가 됨

• 시작 방법(README "3분 시작"): Claude Code에서 Opus 5.5 선택(effort high/xhigh) → Node.js·Chrome·FFmpeg 준비 → 빈 폴더에서 프롬프트 붙여넣기 → MP4 결과 확인
• 주의: 생성 당일 이후 업데이트가 없음. 초기 사례 중심이라는 점을 감안해야 함. LICENSE 파일도 없음

5. 추천 활용 순서

• 1단계 감 잡기: ①·⑧에서 짧은 프롬프트를 하나 골라 그대로 돌려봄. 단일 HTML로 결과가 나오는지 확인함
• 2단계 구조 이해: ⑤ mg-styles-15의 renderAt(t) + 헤드리스 Chrome + ffmpeg 구조를 직접 렌더해봄
• 3단계 스킬화: ② lemo-opuscar 플러그인이나 ⑥ ANIMATION_GUIDE처럼 규칙 문서를 에이전트에 먼저 읽힘
• 4단계 장편: ③·④를 비교 분해함. 오디오 분석, 타임라인, 서브에이전트 분업 방식을 가져옴
• 상시: ⑦에서 실제 제작 비용·수정 횟수를 확인하고 기대치를 조정함

6. 주의사항

• 라이선스: MIT, CC BY 4.0, 라이선스 없음(④·⑧)이 섞여 있음. 라이선스 파일이 없으면 기본적으로 저작권이 작성자에게 있으니 코드 복사·상업 이용 전 확인 필요함
• 음원·에셋: ③의 음원·가사는 MIT 범위 밖임. 폰트·샘플·HDRI 등 서드파티 에셋도 각자 라이선스를 따름
• 프롬프트 재사용: 모음집의 프롬프트·영상 저작권은 원 제작자에게 있음. 블로그·업무 결과물에 쓸 땐 출처를 표기하는 게 맞음
• 렌더 자원: 프레임 단위 캡처라 GPU 유무에 따라 렌더 시간이 크게 달라짐. 4K60은 파일 크기가 수 GB 단위로 커짐
• 비용: 에이전트가 스스로 수정·검수를 반복하는 구조라 토큰 비용이 쌓임. 짧은 테스트부터 시작하는 걸 권장함
• 보안(실무 관점): 남의 저장소를 클론해 에이전트에게 "읽고 실행해"라고 시키는 방식임. render.mjs가 --no-sandbox로 Chrome을 띄우는 경우도 있으니 격리된 VM·컨테이너에서 돌리는 걸 권장함

7. 정리

• 8개 저장소 모두 실존하고 원본 목록 설명과 대체로 일치함
• 입문은 ①·⑧ 프롬프트, 구조 학습은 ⑤, 반복 제작은 ②·⑥ 스킬화가 효율적임
• 인프라 담당자 입장에서는 결국 "Node + 헤드리스 Chrome + ffmpeg" 파이프라인임. CI 러너나 GPU 노드에 올려 배치 렌더하는 구성으로 확장할 수 있음

참고: Anthropic "Introducing Claude Opus 5.5"(2026-09-22), 각 저장소 README 및 GitHub API(2026-10-21 KST 조회). 원본 목록: SNS 공유 게시물 "Opus 5.5 비디오 GitHub 저장소 8개".