AI 스킬마트스킬 둘러보기명령어프로그램배우기스킬이 뭐예요?
 
← 목록으로

video-shotcraft — 시네마틱 제품 영상 제작

실제 페이지 캡처와 124장의 샷 카드, Remotion 템플릿으로 제품 홍보 영상을 기획부터 렌더링·효과음까지 만들어 주는 스킬.

이미지·영상고급★ 17,890⑂ 1,695AI 점수 9/10마지막 업데이트: 2026. 10. 29.

무엇을 해주나

  • 프런트엔드 프로젝트나 웹페이지를 시네마틱 제품 홍보 영상으로 만들어 줍니다. 로컬 dev 서버를 띄워 실제 페이지를 2x 전체 캡처하고, 요소별 추출과 좌표표(layout.json)까지 만들어 '진짜 UI'를 영상 소재로 씁니다.
  • 124장의 샷 레시피 카드(데모 소스 + 동적 샘플 갤러리), 검증된 'Ink Press' 완성 템플릿, 재사용 컴포넌트(PageCam, ClipCard, DigitRoll, Caption 등)를 제공합니다.
  • 제작 모드가 셋으로 명확히 갈립니다: ① 템플릿 교체, ② 에이전트 자율 창작, ③ 단계별 확인하는 공동 창작. 단일 샷만 뽑아 쓰는 네 번째 용법도 있습니다.
  • BGM 비트 싱크(librosa로 실제 BPM/위상 추정, 킥/스네어/하이햇 분류, 렌더 후 오차 ≤3프레임 검증), Freesound 기반 효과음 검색·다운로드·라이선스 기록, BGM 포함/미포함 2버전 출력까지 다룹니다.
  • 납품 전 깨끗한 컨텍스트의 서브에이전트가 독립 최종 검수를 하고, 완성 후에는 모션 워크벤치(localhost:5198)와 剪映(CapCut 중국판) 프로젝트 내보내기까지 안내합니다.

이런 분께 추천

  • SaaS·웹 제품의 런칭 영상, 기능 소개 영상을 직접 만들어야 하는 개발자/1인 창업자.
  • Remotion(React 기반 영상 렌더링)을 쓰거나 배우고 싶은 프런트엔드 엔지니어.
  • 이미 만든 영상에 효과음만 찾아 붙이거나 비트에 맞춰 정렬하고 싶은 제작자.

활용 예시

  1. "내 대시보드 프로젝트로 30초 홍보 영상 만들어줘" → 최소 읽기 전용 제품 점검 → 3가지 모드 제안 → 선택한 모드로 캡처·분기·렌더링까지 진행.
  2. "Ink Press 템플릿으로 우리 제품 영상 만들어줘" → 질문 없이 템플릿 모드로 진입해 스크린샷·카피·브랜드만 교체.
  3. "이 영상 2초 지점 카드 등장에 어울리는 효과음 후보만 찾아줘" → 화면 수정·렌더 없이 Freesound 검색 결과(시청 링크, CC0 우선)만 제시.

· · · 설치 가이드 · · ·

설치 없이 지금 한 번 써보기

아래를 Claude에 붙여넣으면 설치하지 않고도 이 스킬을 그대로 씁니다.

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

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

Claude가 링크를 열지 못하면, 링크를 직접 열어 내용을 복사해 붙여넣으세요.

↓ 쓸 만하면 아래에서 ZIP을 받아 설치하세요. 그러면 매번 붙여넣지 않아도 알아서 작동합니다.

Claude 앱에 설치 (터미널 필요 없음)
  1. 아래 버튼으로 ZIP 파일을 받으세요.
  2. Claude 설정 → Capabilities에서 '코드 실행 및 파일 생성'을 켭니다. (한 번만)
  3. Claude에서 Customize → Skills → + → '스킬 업로드'를 누르고 받은 ZIP을 올립니다.
↓ ZIP 내려받기
Claude Code에 설치

Claude에게 맡기기 — 아래 문장을 Claude Code에 붙여넣으세요

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

직접 명령으로 설치하기

git clone https://github.com/Vincentwei1021/video-shotcraft.git ~/.claude/skills/video-shotcraft

⚠ 제3자가 만든 스킬입니다. 설치 전 원본 저장소를 한 번 확인하세요.

  1. 터미널에서 스킬 폴더를 준비합니다: mkdir -p ~/.claude/skills
  2. 저장소를 클론합니다: git clone https://github.com/Vincentwei1021/video-shotcraft.git ~/.claude/skills/video-shotcraft
  3. Node.js 18+ 와 Python 3 가 설치돼 있는지 확인합니다 (node -v, python3 -V).
  4. 템플릿을 쓰려면 cd ~/.claude/skills/video-shotcraft/template && npm install 로 의존성을 설치합니다. 일부 데모는 npm i @remotion/motion-blur, three @react-three/fiber @remotion/three 가 추가로 필요합니다.
  5. 효과음 검색을 쓰려면 Freesound API 키를 assets/scripts/sfx-source.py 안내대로 환경변수에 설정합니다.
  6. Claude Code 를 재시작한 뒤 "video-shotcraft 로 제품 홍보 영상 만들어줘" 처럼 요청하면 스킬이 호출됩니다.
  7. 샘플 영상은 https://vincentwei1021.github.io/video-shotcraft/ 에서 먼저 둘러보고 원하는 샷 카드 이름을 골라 전달하면 더 빠릅니다.
  8. (상업적 사용 시) Remotion 라이선스 조건을 직접 확인하세요.
GitHub에서 원본 보기 ↗라이선스: Apache-2.0