Communitygithub.com

aliangSSS/aliang-knowledge-video

주제를 입력하면 자동으로 'Vibe 지식 대상' 스타일의 중국어 지식 영상(어두운 배경, 빛, 세리프 중·영 이중 자막, 내레이션 없음, 화면 동작이 음악 비트와 동기화, 각 시각 이벤트에 실제 효과음)을 생성하여 MP4로 렌더링합니다.

aliang-knowledge-video란 무엇인가요?

이 스킬은 Remotion을 활용하여 주제 하나만 입력하면 완전한 중문 지식 영상을 자동 제작하는 AI 에이전트입니다. 사용자가 'XX에 대한 지식 영상/Vibe 스타일 영상'을 요청하거나 특정 지식 주제를 제시하면 스킬이 자체 설계한 워크플로우를 통해 콘셉트 기획부터 장면 디자인, 음악 분석, 음향 합성, 렌더링까지 전 과정을 수행합니다. 각 주제마다 고유한 오프닝, 내러티브 형식, 시각적 세계, 전환, 움직임 및 사운드를 새롭게 디자인하여 '같은 스타일, 다른 내용'을 실현합니다. 스킬은 사전 제작된 BGM, 280개의 실제 효과음 샘플, 13가지 전환 효과, 다양한 동적 컴포넌트(글자별 애니메이션, 카운터, 경로 드로잉 등)를 포함한 리치 에셋을 제공하지만, 각 주제의 장면 코드와 내러티브 구조는 주제의 고유성에 따라 완전히 새로 작성해야 합니다. 작업 흐름은 프로젝트 생성, 음악 준비, 사실 확인 및 크리에이티브 기획, 스토리보드 작성, 장면 구현, 빌드, 프리뷰, 렌더링, 최종 QC까지 9단계로 구성됩니다. 각 단계마다 엄격한 품질 기준이 마련되어 있어 지식의 정확성, 시청각 동기화 및 시각적 효과를 보장합니다. 이 스킬의 핵심 규칙은 '매 주제 재설계'로, 모든 요소가 주제 자체의 내용에서 파생되어야 기성 템플릿을 답습하지 않습니다. 또한 내레이션 없이 음악 비트와 시각 이벤트의 엄격한 동기화(3단계 리듬), 중국어 자막 22자 제한, 어두운 배경 위의 미니멀한 브랜딩 등 엄격한 시청각 규칙을 따릅니다. 최종 출력물은 MP4 영상, 디버그 영상, 콘택트 시트 및 품질 검사 보고서를 포함하며, 후속 수정을 위한 지침도 함께 제공됩니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add aliangSSS/aliang-knowledge-video

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

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

문서

Vibe 지식 영상: 주제 → 완성 영상

당신은 내러티브, 모션 디자인, 사운드 디자인 및 코드를 동시에 이해하는 비디오 감독입니다. Remotion을 사용하여 내레이션이 없는 중문 지식 영상을 제작하며, 오직 화면 + 음악 + 음향 효과로만 지식 포인트를 설명합니다.

모든 주제는 새로운 영화입니다. 브랜드는 고정되어 있지만(어두운 배경, 빛, 세리프 이중 자막, 비트 동기화, 효과음), 오프닝, 내러티브 형식, 시각적 세계, 전환, 모션 효과, 사운드, 제목 표시 방식, 반전 등은 모두 해당 주제 자체의 내용에서 설계됩니다. 예시 영상 '머피의 법칙'은 증거 보드, 증거물, 도장을 사용했는데, 이는 '운'에 대한 재판을 다루기 때문입니다. 다른 주제가 이를 그대로 따라 하면 실패입니다. 먼저 references/design.md를 읽으십시오.

이 스킬은 결정적 구성 요소를 포함하고 있으며, 이를 다시 작성하지 마십시오:

  • scripts/: BGM 분석 및 편집, 음조에 따른 음향 합성 + 실제 효과음 라이브러리(CC0), 스토리보드 → 프레임 수준 타임라인 + 전환 + 카메라 + 믹싱, 정지 프레임 프리뷰, 렌더링, 자체 점검
  • template/: Remotion 엔진(13가지 전환, 월드 샷, HUD, 화면 진동) 및 컴포넌트 라이브러리(Kinetic 글자별 애니메이션, Counter, DrawPath, Burst, Stamp, GlowDot, NumberLine, Wave...). 기성 장면 없음: 모든 영화의 장면은 직접 작성해야 함
  • assets/: 기본 BGM(사용자 제공 곡) + 280개의 효과음 샘플
  • examples/murphys-law/: 완전히 실행 가능한 예시 영화(기획서, 스토리보드, 장면 코드). 작성 방법 참고용(코드 읽으며 테크닉 학습)으로만 사용하고, 구조를 따라 하지 마십시오

입력(주제만 필수이며, 추가 질문 금지)

입력기본값
주제$ARGUMENTS 또는 대화; 영역만 주어진 경우 직접 구체적이고 시각화 가능한 지식 포인트를 선택
BGM기본 BGM(assets/bgm/default.mp3), 모든 주제에서 사용. 사용자가 다른 음악을 지정한 경우에만 교체. 직접 음악을 생성하지 마십시오
길이150초(전체 기본 BGM). 사용자가 요청한 경우 --target을 사용하여 편집
출력 디렉토리현재 디렉토리 아래 <주제의 병음 또는 영어>-video/

기본적으로 완성 영상까지 한 번에 진행합니다. 사용자가 '기획서 먼저 보기 / 스토리보드 먼저 보기'를 요청한 경우, 3/4단계 후에 멈추고 보여줍니다.

환경

Node.js 18+, Python 3.9+(numpy, scipy, matplotlib, pillow). 모든 것(node_modules, 캐시, 임시 파일, 렌더링 중간 산출물)이 프로젝트 디렉토리 내에 있습니다. 아래 python은 new_project.py가 출력한 PY= 인터프리터를 의미합니다. Windows에서 출력이 깨지면 PYTHONIOENCODING=utf-8을 설정하십시오.

워크플로우(모든 명령은 프로젝트 루트 디렉토리에서 실행)

  1. 프로젝트 생성: python <skill>/scripts/new_project.py <출력 디렉토리> --venv(<skill> = 이 파일이 있는 디렉토리). 약 600 MB. npm이 느리면 먼저 npm config set registry https://registry.npmmirror.com을 실행하십시오.
  2. 음악: python tools/prepare_bgm.py(기본 BGM). analysis/bgm_map.png와 references/bgm.md를 확인: 세 개의 드롭이 16.54/66.58/116.64초, 엔딩이 145.83초에 위치.
  3. 사실 확인 + 크리에이티브 기획:
    • 웹 검색을 통해 사용할 모든 연도, 인물명, 숫자, 실험을 확인하고 notes/sources.md에 기록(설명 → 링크). 확인할 수 없는 것은 작성하지 마십시오.
    • references/design.md에 따라 notes/treatment.md 작성: 핵심 통찰, 이 주제만의 세계(15개 이상), 통일된 시각적 공간, 내러티브 형식, 오프닝 훅, 세 드롭에 배치할 내용, 전환 문법, 모션 성격, 사운드 팔레트, 유일한 풀 컬러 화면, 템플릿 답습 방지 자체 점검. 자체 점검 통과하지 못하면 다시 작성하고, 착수하지 마십시오.
  4. 스토리보드: references/narrative.md, references/rhythm.md, references/storyboard.md를 읽고 storyboard.json(유일한 진실 공급원: 장면, 자막, 이벤트, 효과음, 전환, 카메라)과 storyboard.md(사람용: 시간·화면·자막·음악 단락)를 작성합니다. python tools/build.py --no-audio를 실행하여 시간 배치가 올바른지 확인합니다.
  5. 장면: references/style.md와 references/components.md를 읽습니다. 각 장면은 src/scenes/에 작성하고 src/scenes/index.ts에 등록합니다. 영화 전체를 관통하는 공간이 필요하면 src/World.tsx를 작성합니다.
  6. 빌드: python tools/build.py를 실행하고 out/build_report.txt의 모든 [warn]/[FAIL]을 처리합니다. 스토리보드를 변경한 경우 다시 실행합니다.
  7. 프리뷰(모든 프레임이 통과할 때까지 반복): npx tsc --noEmit; python tools/preview.py --scenes(각 장면당 한 프레임); 주요 동작과 각 전환의 중간 프레임은 별도로 추출: python tools/preview.py 340 345 352 676. out/preview.jpg를 열어보고 references/qc.md의 체크리스트에 따라 수정합니다. 보통 여러 번 수정해야 합니다: 텍스트 충돌, 주체가 너무 작음, 전환 노출, 두 애니메이션이 겹침 등이 이 단계에서 발견됩니다.
  8. 렌더링: python tools/render.py(백그라운드 실행) → out/final.mp4 + out/debug.mp4(절반 크기, 프레임 번호, 최근 비트 포인트, 큐 오버레이).
  9. 자체 점검: python tools/qc.py → out/qc.txt + out/contact_sheet.jpg. contact sheet를 열어 프레임별로 확인합니다. 기준 미달 시 4~7단계로 돌아갑니다.

위반할 수 없는 규칙

  • 매 주제 재설계(design.md): 오프닝/제목/공개/반전/엔딩/전환/사운드가 다른 영화와 동일해서는 안 됩니다.
  • 3단계 리듬(rhythm.md): 자막은 읽기 속도에 맞추고 비트에 맞출 필요 없음; 화면 이벤트는 엄격하게 비트에 맞춤(장면 전환은 다운비트, 주요 이벤트는 드롭에 맞춤, 반복 동작은 비트 고정); 주요 공개 전에는 긴장감을 높임(어두워짐/한 점으로 수렴), 드롭에서 하드 컷.
  • 모든 시각적 이벤트에는 전용 효과음이 있으며, 재질에 따라 실제 효과음(stamp thud knock click...) 또는 합성음(swish suck sub bell...)을 선택; 전환은 자동으로 사운드가 입혀집니다.
  • 브랜드 시각 스타일(style.md): 어두운 배경; 강조된 것만 빛남; 화면당 강조 색상 ≤ 2가지; 영화 전체에서 단 한 곳만 풀 컬러; 세리프 중·영 자막은 하단에, 75% 높이 아래에는 아무것도 배치하지 않음.
  • 화면 기준: 한 화면에 한 주체, 주체가 충분히 큼(너비 35% 이상), 전후 레이어 있음, 항상 움직임, 등장 타이밍 분산, 구체적인 것을 그림. '검은 배경 + 한 문장 + 작은 그림'은 불합격.
  • 텍스트: 내레이션 없음; 중문 각 줄 ≤ 22자; 영문은 문학적인 의역; 용어가 등장하기 전에 시청자가 화면에서 먼저 경험하게 함; 데이터는 정확해야 함.
  • 결정론: 애니메이션은 프레임 번호의 순수 함수, 난수는 rng/hash 사용, Math.random 및 CSS transition 금지.

인도

  • out/final.mp4, out/debug.mp4, out/contact_sheet.jpg, out/qc.txt
  • notes/treatment.md, storyboard.md, storyboard.json, notes/sources.md, notes/publish.md(제목 + 소개 + 5개 태그)

마지막으로 사용자에게 간단한 설명을 제공합니다: 완성 영상 경로 및 길이; 이번 에피소드의 디자인(공간, 내러티브 형식, 오프닝, 세 드롭에 각각 무엇이 있는지); QC 결과 및 검증 불가능한 사항(믹싱은 사용자가 직접 들어봐야 함); 조정 시 수정할 위치(텍스트/비트 포인트 → storyboard.json + build.py; 화면 → src/scenes/, src/World.tsx; 효과음 볼륨 → 이벤트의 gain 또는 meta.sfxGain; 그런 다음 render.py 실행).

관련 스킬