Communitygithub.com

appariciojunior/video-editor-skills

크리에이터 비디오용 브랜드 모션 그래픽 - Remotion 컴포넌트 키트 (키프레이즈, 리스트, 하단 서드, 저니, 빅워드 등)를 크리에이터의 비트 시트에 맞춰 타이밍 조정하고, 투명 ProRes로 렌더링하여 DaVinci Resolve의 V2+ 트랙에 배치합니다. 얼굴과 자막 안전 영역을 고려한 레이아웃을 제공합니다.

video-editor-skills란 무엇인가요?

이 스킬은 비디오 편집자가 크리에이터 비디오에 브랜드 모션 그래픽 오버레이를 추가하는 데 사용됩니다. Remotion 키트(`Beat` 컴포지션)를 기반으로 하며, `brand.json`에서 색상, 폰트, 크기 등의 브랜드 토큰을 읽어 일관된 스타일을 유지합니다. 하단 서드, 키프레이즈, 리스트 리빌, 비교, 카운트 업, 빅워드, 코멘트 프롬프트, 브이로그 오프너 등 다양한 컴포넌트를 제공하며, 각 요소는 부드러운 인-아웃 이즈인/이즈아웃 모션을 사용합니다. 워크플로우는 타임라인 선택, 단어를 프레임에 매핑, 비트 계획 및 승인, `beats.json` 생성, 투명 ProRes 4444 렌더링, DaVinci Resolve V2+ 트랙에 배치 순입니다. 배치 전 실제 프레임에서 합성하여 얼굴 가림, 오버플로우, 자막 충돌, 홀수 줄 문제를 반드시 확인하고, 모든 수정은 키트 자체에 적용하여 후속 비디오에 자동 반영되도록 합니다. DaVinci Resolve, Final Cut Pro, Adobe Premiere Pro 등 모든 NLE에서 사용 가능합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/appariciojunior/video-editor-skills/tree/HEAD/skills/motion-overlays

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

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

문서

모션 오버레이 (Remotion 키트)

크리에이터의 컷이 승인되었고, 보통 크리에이터가 직접 재편집합니다. 당신은 위에 그래픽을 추가합니다. 크리에이터의 사진과 오디오는 절대 건드리지 않습니다.

키트

프롭스에서 모든 컴포넌트를 렌더링하는 하나의 컴포지션(Beat)을 가진 Remotion 프로젝트입니다. 타임라인의 크기와 프레임 속도로 투명하게 렌더링됩니다. 모든 컴포넌트는 브랜드 토큰 파일(brand.json: 1080 높이 단위의 색상, 폰트, 크기, 패딩, 모션 타이밍)에서 값을 읽어 한 곳에서 모양을 변경할 수 있습니다. 일반적인 세트:

컴포넌트용도
LowerThird이름 + 역할, 첫 등장
KeyPhrase요점을 전달하는 문장 (*word* = 하이라이터)
ListReveal / Flow말하면서 나타나는 항목 또는 단계
Compare / BeforeAfter두 가지 측면, 변화
CountUp말하는 숫자
Quote / PersonalNote강력한 대사, 의견
BigWord하나의 아이디어, 전체 프레임, 1~2초
CommentPrompt댓글을 위한 질문
VlogOpener, PlaceTime, Journey, TimeJump브이로그 순간: 제목, 장소/시간, 여행 A→B, "3시간 후"
TitleCard / EndCard / ChapterTag구조 (요청 시에만)

크리에이터가 좋아했던 모션: 요소당 하나의 부드러운 이즈인/이즈아웃 동작, 글라이드 인, 유지, 글라이드 아웃. 팝이나 바운스 없음. 큰 크기에서 가벼운 또는 일반 두께, 모노스페이스 대문자 레이블, 넉넉한 패딩.

매번

  1. 타임라인 (템플릿 제외).
  2. 단어를 프레임에 매핑 (V1 항목 탐색: 소스 인포인트, 타임라인 시작 → 유지된 모든 단어의 타임라인 시간).
  3. 비트 계획 및 제안 (시간 · 컴포넌트 · 복사), 승인 대기. 대략 30~60초마다 하나. 복사 = 크리에이터의 단어, 말한 숫자 그대로, 웹에서 확인된 이름, 지어낸 내용 없음, 비밀로 하고 싶은 내용 없음, 올바른 스토리 방향 (어딘가로의 여행 vs. 되돌아가기).
  4. beats.json: id, component, at_word (또는 B-롤에서 단어가 없는 경우 at_seconds), end_word / seconds, 항목에 대한 at_word 큐가 있는 data.
  5. 렌더링 (투명 ProRes 4444; 전체 프레임 컴포넌트는 크기가 커서 ~16비트에 수 GB), 확인, 그런 다음 V2부터 첫 번째 빈 트랙에 배치.
  6. 오버레이 SFX: 크리에이터가 좋아하지 않는 한 기본적으로 꺼짐 (최대 미묘한 우쉬).

실제 프레임 위에서 확인 (필수)

카메라 파일에서 각 비트 아래 프레임을 가져오고, 오버레이 스틸을 렌더링하고, 합성한 다음 확인. 또한 자막 밴드를 그립니다. 이 방법으로만 모든 문제를 발견했습니다:

  • 얼굴: 16:9용으로 설계된 패널(오른쪽 1/3 여유)이 4:3 셀카 프레임에서 얼굴을 가렸습니다. 키트에서 수정: 프레임이 16:9보다 좁을 때, 사이드 패널을 전체적으로 너비의 바깥쪽 ~34%, 가장자리에서 80px로 조정하고, 전체 프레임 텍스트는 16:9 비율로 조정하여 턱 아래에 유지.
  • 오버플로우: 11개 항목 리스트가 축소될 때까지 맞지 않았습니다. ~11개 이상의 항목은 다른 레이아웃 필요.
  • 자막: 하단 고정 요소(오프너, 빅워드, 하단 서드, 저니)가 자막 밴드에 걸쳤습니다. 키트에서 수정: caption_band_top_at_1080 같은 토큰과 모든 하단 오프셋 = max(자체, 밴드 상단).
  • 홀수 줄: 하이라이트된 단어 뒤에 마침표가 따라와서 마침표가 자체 줄로 줄바꿈되었습니다. 키트에서 수정: 구두점을 하이라이트의 마지막 단어에 고정(nowrap)하고 표시 텍스트에 text-wrap: pretty 사용.

레이아웃 문제는 키트에서 수정하고, 비디오별로 절대 수정하지 않아 모든 향후 비디오가 수정 사항을 상속받습니다.

비트 교체

비트를 변경하고, 새 id/파일명(-v2)으로 렌더링하고, 당신의 이전 클립을 제거하고, 새 클립을 배치합니다. 재실행은 이미 배치된 비트를 건너뛰고 크리에이터가 명시 없이 삭제한 것을 다시 추가하지 않아야 합니다.

보고

비트당 한 줄(시간, 컴포넌트, 화면 복사), 키트에서 수정한 내용, 그리고 빡빡한 부분(작은 텍스트, 얼굴 근처)을 보고합니다.

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

관련 스킬