Communitygithub.com

Claude Video 2.0

Claude Video 2.0. Claude Code를 사용하여 무료로 스튜디오 품질의 모션 그래픽을 제작합니다. 21가지 스타일 갤러리, 5가지 질문, 코드 기반 제작(HTML + GSAP, HyperFrames로 MP4 렌더링)을 통해 순수 그래픽, 사용자 사진/클립, 또는 Higgsfield AI 클립을 활용한 비디오를 만듭니다.

Claude Video 2.0란 무엇인가요?

이 스킬은 Claude Code 사용자가 고품질 모션 그래픽 비디오를 제작할 수 있도록 안내하는 종합 도구입니다. 21가지 사전 제작된 스타일 갤러리를 통해 사용자가 원하는 비주얼 컨셉을 선택하고, 5가지 간단한 질문에 답하면 AI가 HTML과 GSAP 애니메이션 코드를 생성하여 HyperFrames로 MP4 파일로 렌더링합니다. 사용자는 순수 그래픽, 자신의 사진/클립, 또는 Higgsfield AI를 통해 생성된 클립을 혼합하여 사용할 수 있으며, 모든 결과물은 3개의 스틸 프레임 승인, 페이싱 검사, 픽셀 루프 검사를 통해 품질을 확인합니다. 클로드 코드(Claude Code) 환경에서 실행되며, 스토리보드 생성, 자산 관리, 크레딧 확인 등 전체 제작 워크플로우를 자동화하여 전문적인 수준의 모션 그래픽 제작을 누구나 할 수 있게 해줍니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/goetzphillip10-dotcom/Claude-Video-2/tree/main

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

Claude Video 2.0은(는) 무엇을 하나요?

세 단계: A. 스타일 고르기 (갤러리) -> B. 다섯 가지 질문 -> C. 제작 (스토리보드, 스틸, 렌더링, 검사). 모든 단계는 references/hacks.md의 5가지 핵심 원칙을 따릅니다: 하나의 스타일, 실제 참고 자료, 숫자로 된 브리프, 하나의 루프 클록, 그리고 코드가 아닌 프레임 확인.

아래 $SKILL은 이 스킬의 폴더를 의미합니다 (보통 ~/.claude/skills/claude-video-studio). 각 작품마다 새 작업 폴더를 만드세요 (예: ./video-<짧은-이름>/). $SKILL 안에서 절대 제작하지 마세요.

시작하기 전에

bash $SKILL/scripts/doctor.sh를 한 번 실행하세요. 문제가 있으면 사용자에게 수정 명령어 하나를 알려주고 중단하세요.

A단계: 스타일 고르기

  1. 백그라운드에서 갤러리를 시작하세요 (백그라운드 실행 옵션 사용; 127.0.0.1에서 제공되며 90분 후에 자동으로 중지됩니다): python3 $SKILL/scripts/gallery.py 브라우저에서 열리며 주소를 출력합니다. 사용자에게 주소도 알려주세요 (브라우저가 자동으로 열리지 않을 경우를 대비하여 주소만 원한다면 --no-open을 추가하세요). 사용자가 스타일을 고르면 중지하거나 그대로 두세요: 자동으로 중지됩니다.
  2. 한 줄의 짧은 메시지로 말하세요: "스타일 갤러리가 열렸습니다: <주소>. 모든 타일은 코드로 만들어진 실제 비디오입니다. 타일을 '미디어 포함'으로 뒤집으면 실제 사진과 영상과 함께 볼 수 있습니다. 마음에 드는 타일에서 '이 스타일 사용'을 누르고 여기에 붙여넣으세요. 또는 자신의 참고 자료로 링크나 이미지 1~3개를 붙여넣으세요."
  3. 사용자가 응답하면:
    • 스타일 ID (예: paper-world): $SKILL/styles/<id>/STYLE.md를 읽으세요. 이 스펙이 이 작품의 법칙입니다.
    • 자신의 참고 자료: 각각을 살펴보고 (링크 열기, 이미지 읽기), 작업 폴더에 STYLE.md라는 새 스펙을 $SKILL/references/style-format.md 형식으로 작성하세요. 각 참고 자료가 어떻게 만들어졌는지 설명하세요 (가려진 텍스트, 느린 카메라, 긴 홀드), 16진수 색상과 이징 숫자를 포함하여. 5줄로 보여주세요.
    • "당신이 골라줘": 주제에 가장 적합한 스타일을 선택하고 한 줄로 이유를 말하세요.

B단계: 질문

$SKILL/questions.md를 읽으세요. 두 --- 줄 사이의 블록을 그대로 하나의 메시지로 보내세요. 이미 답변한 내용은 건너뛰세요. "go"는 모든 기본값에 대한 '예'로 받아들이세요. 필요할 때만 후속 질문을 사용하세요.

C단계: 제작

  1. 숫자로 된 브리프 (핵심 원칙 3). 작업 폴더에 BRIEF.md를 작성하세요: 크기 (16:9의 경우 1920 x 1080, 9:16의 경우 1080 x 1920), 길이, 30fps, 루프 여부, 정확한 단어, 16진수 팔레트 (브랜드 색상이 스타일의 색상을 대체하며, 규칙은 유지됨), 링크가 포함된 폰트, 이징 숫자, 항상 적용되는 금지 목록: 색조 이동 그라데이션 없음, 글로우, 블룸 또는 렌즈 플레어 없음, 눈이 따라가는 모든 것에 선형 이징 없음, 모든 것이 중앙 정렬되지 않음, 0에서 확대되는 것 없음, 화면에 최대 6단어, 하나의 악센트 색상, 가짜 크롬 없음. 선택한 스타일의 고유 시그니처가 이 목록과 충돌하는 경우 (태양의 글로우, 중앙 위젯), 스타일이 우선합니다: 갤러리 비디오가 증거입니다. 목록의 다른 모든 항목은 여전히 적용됩니다.
  2. 스토리보드. storyboard.json을 작성하세요 (시간별 샷, 그래픽 동작, 각 자산 유형: code, user_photo, user_clip 또는 generate; $SKILL/examples/storyboard.json 참조). python3 $SKILL/scripts/storyboard.py storyboard.json을 실행하고 테이블을 보여주세요.
    • 샷 중 generate (Higgsfield AI 클립)가 있으면 테이블에 크레딧 견적이 표시됩니다. 지출 전에 명확한 "예"를 기다리며 중단하세요. 그런 다음 각 클립을 python3 $SKILL/scripts/higgsfield.py generate ... --out media/shotN.mp4 --yes로 한 번에 하나씩 만들고, 각 클립의 3프레임을 확인한 후 사용하세요. $SKILL/references/media.md 참조.
    • AI 클립이 없으면 테이블을 보여주고 사용자가 반대하지 않으면 계속 진행하세요.
  3. 제작. bash $SKILL/scripts/new_project.sh <작업폴더>/proj 16x9|9x16 <초> <스타일 id>. 스타일에 참고 작품이 있으면 프로젝트가 그 복사본으로 시작됩니다: 단어, 색상, 타이밍 및 크기를 브리프에 맞게 변경하세요 (스크립트는 크기나 길이가 다를 때 경고합니다; 그런 다음 다시 배치하세요, 절대 자르지 마세요). 그렇지 않으면 템플릿에서 제작하세요. 루프가 필요하고 참고 작품이 루프가 아닌 경우 $SKILL/references/loops.md를 따르세요. 중요한 규칙:
    • 모든 모션을 위한 하나의 클록 (핵심 원칙 4): STUDIO.play(t => render(t), { loop }) (studio.js에서 가져옴) 또는 일시 중지된 GSAP 타임라인. 같은 시간에 같은 그림 출력: Math.random 사용 금지 (STUDIO.rng 사용), Date.now 사용 금지, 타이머 사용 금지.
    • 폰트: 무료 폰트만 사용, 각각 <link>로 로드; 어떤 폰트라도 링크가 있으면 모든 폰트에 링크를 추가하세요 ($SKILL/references/hyperframes.md 참조).
    • 미디어는 디자인 안에 배치하세요 (마스크, 카드, 모양), 읽을 수 없는 텍스트 아래나 얼굴 위에는 절대 배치하지 마세요.
    • 사용자의 사진과 클립을 <작업폴더>/proj/media/에 복사하세요. 원본을 절대 이동하거나 변경하지 마세요.
  4. 승인할 3개의 스틸 (핵심 원칙 5). bash $SKILL/scripts/stills.sh <작업폴더>/proj <t1>,<t2>,<t3>, 각각 샷 변경 후 약 0.6초, 요소들이 안착된 후에 (더 많이 보고 싶다면 더 많은 프레임을 확인하세요). stills/peek.jpg를 읽으세요. 구도, 모션, 타이포그래피, 색상, 아이디어를 1에서 10까지 깐깐한 시니어 모션 디자이너처럼 평가하세요. 가장 나쁜 3가지를 수정하세요; 모두 8점 이상이 될 때까지 반복하세요. 그런 다음 사용자에게 3개의 스틸과 점수를 보여주고 "렌더링해도 될까요?"라고 물어보세요. "예"를 기다리세요 (노트가 있으면 수정, 새 스틸, 다시 질문).
  5. 렌더링. bash $SKILL/scripts/render.sh <작업폴더>/proj <작업폴더>/out/draft.mp4 draft.
  6. 검사. python3 $SKILL/scripts/pacing_check.py <작업폴더>/out/draft.mp4 (루프이면 --loop 추가; 1초 이상의 빈 간격 없음, 화면에 0.3초 미만으로 표시되는 것 없음), 루프이면 python3 $SKILL/scripts/loop_check.py <작업폴더>/out/draft.mp4 --project <작업폴더>/proj (0초의 프레임이 끝의 프레임과 같아야 함). 연속 사진을 읽으세요. 두 검사를 모두 통과할 때까지 수정하고 다시 렌더링하세요.
  7. 최종. bash $SKILL/scripts/render.sh <작업폴더>/proj <작업폴더>/out/final.mp4 high, 최종 파일에 대해 검사를 다시 실행하세요.
  8. 인계. 경로, 길이, 프레임 크기, 파일 크기, 검사 결과, 점수, 그리고 다음에 시도해볼 것을 한 줄로 알려주세요. 파일이 20MB를 초과하면 공유용 작은 복사본도 만드세요: ffmpeg -v error -i final.mp4 -c:v libx264 -crf 22 -preset slow -an final-share.mp4. 그런 다음 $SKILL/config.json을 읽으세요. link가 비어 있지 않으면 한 줄로 끝내세요: "더 많은 스타일과 도움말: <링크_레이블 또는 링크> <링크>". 비어 있으면 이에 대해 아무 말도 하지 마세요.

엄격한 규칙

  • API 키를 요청, 출력, 기록 또는 커밋하지 마세요. 키는 셸 또는 .env 파일에만 존재합니다.
  • 비용이 포함된 스토리보드를 보여주고 해당 계획에 대한 명확한 "예"를 받기 전에는 크레딧을 사용하지 마세요.
  • 텍스트나 그래픽으로 얼굴을 가리지 마세요.
  • 검사를 실행하지 않고 통과했다고 말하지 마세요. 프레임을 보지 않고 올바르다고 말하지 마세요.
  • 작품당 하나의 스타일. 하나의 악센트 색상. 금지 목록은 항상 적용됩니다.
  • 무료 폰트만 사용하세요. 폰트 파일을 프로젝트에 복사하지 마세요.

파일

  • gallery/ 갤러리 페이지와 비디오. scripts/gallery.py가 제공합니다.
  • styles/<id>/ 21가지 스타일: STYLE.md (팔레트, 타이포그래피, 이징, 모션 규칙, 시그니처 동작, 미디어, 금지 목록), 그리고 대부분의 스타일에 대한 전체 작동 참고 작품인 index.html.
  • questions.md B단계 질문 (자유롭게 편집 가능). config.json 선택적 마무리 링크.
  • references/ 소스, 모션 숫자, HyperFrames 규칙, 루프 만들기, 미디어 모드 및 Higgsfield, 스타일 형식 등 5가지 핵심 원칙.
  • templates/motion/ 빈 시작 템플릿과 studio.js (하나의 루프 클록).
  • scripts/ doctor, gallery, new_project, stills, render, pacing_check, loop_check, storyboard, higgsfield.
  • examples/ 간단한 브리프와 스토리보드.

관련 스킬