video-sync 분석 영상 합성

무엇을 해주나

• shots.json(video-shots 스킬 산출물)과 원본 영상을 합쳐, 한쪽은 화면·다른 쪽은 현재 컷 정보(컷 번호, 시작/끝, 길이, 샷 사이즈, 분류, 카메라 무빙, 화면 설명, 대사)를 보여주는 영상을 만듭니다.
• 컷이 바뀌면 정보 패널도 바뀌고, 컷 리스트가 자동 스크롤되며 현재 행이 하이라이트됩니다.
• 레이아웃은 원본 화면비로만 결정: 가로/정사각은 위-아래 배치, 세로는 좌-우 배치. 화면은 크롭·왜곡 없이 원본 비율 유지.
• 스크린샷은 단 3장(배경판 + 컷 리스트 롱이미지 2장)만 찍고, 스크롤·하이라이트는 ffmpeg가 시간에 맞춰 창을 잘라 표현합니다. 53컷 기준 패널 렌더 약 12초.
• 레이아웃 수정은 scripts/panel.css만 고치면 되고, panels/panel.html을 브라우저로 열어 미리보기할 수 있습니다.

이런 분께 추천

• 영상 편집·촬영 교육용으로 컷 분석(拉片) 결과를 영상으로 만들어 공유하려는 분
• 유튜브 해설 영상, 레퍼런스 분석 아카이브를 제작하는 콘텐츠 제작자
• 이미 video-shots 스킬로 컷 분석 데이터를 뽑아 두었고, 이를 시각화하려는 분

활용 예시

1. 기하 정보 먼저 확인: node .../video-sync.mjs plan shots.json --video ref.mp4 → 배치·해상도 확인 후 진행
2. 한 번에 내보내기: node .../video-sync.mjs export shots.json --video ref.mp4 -o out.mp4 --frames frames
3. 저해상도 원본 보정: 640×360 영상은 --scale 2로 화면·패널을 확대해 4열 정보가 읽히게 만들기
4. 검수: ffmpeg -ss 30 -i out.mp4 -frames:v 1 /tmp/check.jpg로 프레임을 뽑아 컷 번호와 화면이 일치하는지 확인

이 파일의 지시를 읽고 그대로 따라서 나를 도와줘:
https://raw.githubusercontent.com/eternityspring/reelbench-skills/HEAD/skills/video-sync/SKILL.md

내가 원하는 것: (여기에 하고 싶은 일을 쓰세요)

클로드스킬마트에서 찾은 스킬을 설치해줘.
GitHub 저장소 eternityspring/reelbench-skills 의 skills/video-sync 폴더를 내 ~/.claude/skills/video-sync/ 에 그대로 복사해줘.
설치가 끝나면 이 스킬로 무엇을 할 수 있는지 한 줄로 알려줘.