om-dubeyyy/vox-style-animation

Vox 스타일 애니메이션

당신은 편집 콜라주 스타일의 짧은 설명 비디오를 제작합니다: 종이 배경, 틴트 처리된 사진 카드(테두리와 그림자 포함), 핵심 문구 위의 노란 형광펜, 빨간 펜 원과 화살표, 핀이 있는 지도, 투즈 모션의 콜라주 움직임, 물리적 컷, 모든 것에 사운드가 설계되어 있습니다. 키트는 kit/에, 렌더러는 scripts/에, 제작 규칙은 references/에 있습니다.

모든 규칙 위의 규칙: 그림이 주장을 전달해야 합니다. 약한 요점을 장식하는 것은 여전히 약한 비디오입니다. 두 번째 규칙: 손으로 만든 것처럼, 의도적으로 보여야 합니다. 키트의 모든 기본값은 작은 물리적 결점을 추가하거나 디지털 완벽함을 제거합니다.

만들기 전에: 다음을 읽으십시오

1. references/LOOK_BOOK.md: 전문적으로 보이게 하는 요소, 측정된 수치 및 18가지 아마추어 특성. 항상 읽으십시오.
2. references/SCRIPT.md: 질문 → 아카이브 → 스크립트 → 샷 리스트. 작성하거나 타이밍을 맞출 때 읽으십시오.
3. references/API.md: 모든 키트 호출. 페이지를 작성하기 전에 읽으십시오.
4. references/TIPS.md: 완성된 비디오의 팁(사진, 타이밍, 사운드, 진실, 전달) 및 10–12초 디벙크 샷별 분석. 짧은 훅이나 디벙크 전에 읽으십시오.
5. references/SOUND.md (녹음된 Foley, 다큐멘터리 믹스, 나레이션), references/ASSETS.md (라이선스!), references/QA.md 필요시.

작업 흐름

1. 질문과 스크립트. 하나의 답변 가능하고 놀라운 질문, 보여줄 내용이 있어야 합니다. 훅 → 맥락 → 전환 → 증명 → 페이오프 (10초 디벙크: 주장 → "사실이 아님" → 데이터 → 양보 → 페이오프, SCRIPT.md §7). 크리에이터가 말할 때 약 215 wpm; 다큐멘터리 내레이터의 경우 약 150–165 wpm, 각 줄에 방향이 있어야 합니다. 모든 사실을 SOURCES.md에 인용하고, 숫자, 인용문 또는 문서를 절대 지어내지 마십시오; 데이터가 뒷받침하지 않는 주장은 생략하십시오.
2. 먼저 아카이브. 스크립트를 완성하기 전에 이미지와 실제 푸티지를 찾으십시오: NASA, 미국 의회도서관, Smithsonian Open Access, Wikimedia, Pexels (각 라이선스 확인; 워터마크와 각인된 텍스트를 위해 모든 클립을 콘택트 시트로 확인). 카드 안의 푸티지는 다큐멘터리로 읽히고; 스틸만으로는 슬라이드쇼로 읽힙니다. 파일, URL, 라이선스 및 크레딧을 기록하십시오. Texturelabs 파일이나 상업용 폰트를 커밋하지 마십시오. Vox 로고나 푸티지 없음. 모델이 그림을 추측하게 하지 마십시오 (--query noimg는 이것이 얼마나 저렴해 보이는지 보여줍니다).
3. 샷 리스트. 음성 해설의 단어 수준 전사를 기준으로 각 구문에 대해 한 행, 시간 포함: python3 $SKILL/scripts/words.py vo.wav --inject <page>, 그런 다음 페이지에서 const w = V.wordmap("#words")를 사용하고 믹스에서 동일한 단어를 사용하여 다시 녹음된 라인이 모든 것을 다시 타이밍하도록 합니다. 각 행에 하나의 주요 모션. 전체 비디오에 대해 하나의 반복되는 시각적 아이디어를 선택하십시오. 모든 장면 변경에서 컷 이름 지정 (하드 컷, curveCut, zoomCut, holePush, whip, paperWipe; 절대 디졸브 사용 금지).
4. 제작. 이 스킬의 폴더 안에서 작업하십시오 (이 SKILL.md가 있는 폴더; $SKILL로 호출, 보통 ~/.claude/skills/vox-style-animation). cd $SKILL && npm run new -- <name> 실행; 모든 경로가 설정된 videos/<name>/index.html을 생성합니다. 다른 곳의 프로젝트라면 node $SKILL/scripts/new.mjs <name> --dir <folder>를 실행하십시오. 페이지를 수동으로 복사하지 마십시오: ../../kit 경로는 스킬 폴더 아래 두 수준에서만 작동합니다. 이미지는 videos/<name>/assets/에 넣고 해당 SOURCES.md에 기록하십시오. 이유가 없는 한 기본값을 유지하십시오:
   • 흰색이 아닌 종이; 틴트 처리된 사진; ±1.5–3° 회전 카드, 4% 테두리와 부드러운 그림자;
   • onTwos: true (12fps 콜라주 모션); 종이는 고정 (drift: 0), 그러나 객체는 숨을 쉰다: 모든 고정 사진에 breathe(), 카드와 컷아웃에 2–3px float(), 렌즈 밖으로 하나 또는 두 개의 scrap(), 실제 문서의 ghost() 뒤에 (LOOK_BOOK §10);
   • 주장이 프레임 1에서 읽힐 수 있음; footage()로 카드 안의 실제 클립;
   • 홀드에서 +1–3 %/s 푸시, 강조를 위해 +4–6 %/s;
   • 단어에 맞춘 주석; 세 가지 목소리 유형; 각각 하나의 작업을 가진 1–3 악센트;
   • 9:16에서, 상단 12% 또는 하단 20%에 중요한 것 없음 (플랫폼 UI가 가림). examples/apollo/index.html은 거의 모든 헬퍼를 보여줍니다. 지도의 경우 node $SKILL/scripts/map.mjs … 사용. 스틸이나 클립을 전처리하려면 python3 $SKILL/scripts/photo_treat.py 사용.
5. 먼저 스틸 확인. node $SKILL/scripts/render.mjs videos/<name>/index.html --stills t1,t2,…을 모든 장면 변경 및 주석에서 실행하십시오. PNG를 열고 살펴보십시오. references/QA.md를 검토하고 모든 문제를 수정하십시오. 페이지 오류로 렌더링이 중지되면 메시지에 누락된 헬퍼와 대상이 표시됩니다.
6. 렌더링. 초안의 경우 node $SKILL/scripts/render.mjs videos/<name>/index.html --voice vo.wav [--music bed.mp3] --gif는 키트의 합성 큐를 믹스합니다 (음악 −22 dB 및 덕킹, 룸 톤, −14 LUFS). 최종본의 경우 녹음된 Foley 사용: --no-sfx로 렌더링한 다음 python3 $SKILL/scripts/doc_mix.py silent.mp4 --cues cues.json --words <page> --voice vo.wav --music … --room $SKILL/kit/sfx/cc0/room_tone_office.mp3 --out final.mp4 --stems (참조용 나레이션, 모든 샘플은 피크로 설정되고 단어에 피크 정렬; SOUND.md). 마스터 효과를 단독으로 절대 적용하지 마십시오. 비디오가 4K로 표시될 경우 --scale 2로 렌더링하십시오 (네이티브 3840×2160 마스터).
7. 최종 확인. 전환 지점에서 MP4에서 프레임을 추출하십시오. ffmpeg -i out.mp4 -af ebur128 -f null -로 음량을 확인하십시오. 그런 다음 만든 내용과 해당 출처 및 라이선스를 보고하십시오.

설정 (머신당 한 번)

npm install                      # gsap, playwright, d3-geo, topojson-client, world-atlas
npx playwright install chromium  # 렌더러의 브라우저
# 선택 사항, 텍스처와 사운드를 재생성하려면: pip install numpy scipy pillow
# 선택 사항, words.py와 doc_mix.py용: pip install faster-whisper numpy
# 선택 사항, narration.py의 음성 보존 속도 향상용: rubberband가 포함된 ffmpeg (macOS: brew install ffmpeg-full)

PATH에 Node 18+와 ffmpeg 4.4+가 필요합니다. 키트는 일반 브라우저 JavaScript이며 빌드 단계가 없습니다. 브라우저 미리보기의 경우 npm run preview를 실행하고 계속 실행한 상태에서 http://localhost:8080/videos/<name>/을 여십시오.

양보할 수 없는 사항

• 실제 사실만 사용하고 출처를 명시하십시오. 입력된 "팩트 시트" 카드는 괜찮습니다. 실제라고 제시된 위조 편지, 영수증 또는 헤드라인은 허용되지 않습니다.
• 모든 이미지의 라이선스가 알려져 있어야 합니다. 빌린 푸티지는 화면에 칩("Archive · NASA") 또는 채널이 화면 칩을 금지하는 경우 캡션 크레딧을 받습니다.
• Vox 로고나 푸티지를 사용하지 마십시오. "Vox 스타일"은 스타일을 설명하는 것이지 로고가 보증을 의미하는 것이 아닙니다. 사용자가 스타일 큐로 화면에 "Vox"라는 단어를 원하는 경우(많은 Vox 스타일 릴이 그렇듯), 번들로 제공되는 무료 세리프 폰트로 설정하고 어딘가에 "Vox-style" 레이블을 유지하며 상표 위험에 대해 알리십시오; 그것은 사용자의 결정입니다.
• 지도의 분쟁 지역을 확인하십시오.
• AI 생성 이미지에 텍스트를 넣지 마십시오; 모든 텍스트는 페이지에 추가하십시오.
• 인도(및 기타 분쟁 지역) 지도: Natural Earth의 경계는 사실상의 경계일 뿐 공식이 아닙니다. 게시 전에 ASSETS.md를 참조하십시오.

Vox Media와 제휴, 보증 또는 연결되어 있지 않습니다. "Vox"는 Vox Media, LLC의 상표입니다.

사용자의 비디오가 "저렴해 보일 때"

스틸을 캡처하고 LOOK_BOOK.md의 18가지 아마추어 특성을 검토하십시오. 일반적인 수정 사항, 영향 순서대로:

1. 종이 배경과 사진 틴트.
2. 투즈 모션, 한 번에 한 가지 움직임.
3. 단어에 키 지정된 주석.
4. 카드 회전, 테두리 및 그림자.
5. 진입과 퇴장 사이에 객체가 완전히 정지된 경우: breathe, float, scrap 추가.
6. 사운드: 주요 동작에 녹음된 Foley, 피크 정렬, 음성 아래; 음성 아래 18–24 dB의 음악.
7. 디졸브를 컷으로 교체.