Repolode
제출하기
Vincentwei1021

Vincentwei1021/video-shotcraft

생성형 AI 대신 Remotion 코드로 제품 페이지를 시네마틱 홍보 영상으로 만드는 Claude Code 및 Codex용 에이전트 스킬입니다.

대체할 수 있는 제품:Synthesia

GitHub에서 보기웹사이트
스타
12,479
포크
1,122
열린 이슈
10
마지막 커밋
3일 전

어떤 프로젝트인가요?

video-shotcraft는 Claude Code 및 Codex용 스킬입니다. 에이전트에 제품 홍보 영상을 요청하면 실제 페이지를 캡처하고, 모션 레시피 카드 124개(총 150개 샷) 라이브러리에서 샷을 골라 스토리보드를 구성한 뒤 Remotion으로 애니메이션을 만듭니다. 이어서 비트에 맞춘 음악과 효과음을 추가하고, 프레임을 확인한 다음 MP4로 렌더링합니다.

이 프로젝트는 생성형 비디오 모델이 아닙니다. 각 프레임은 사용자의 스크린샷과 문구를 바탕으로 React 코드가 그리므로, 결과물이 선명하고 나중에 편집할 수 있습니다. 함께 제공되는 Motion Workbench는 브라우저 기반 타임라인 편집기로, 완성된 영상의 문구와 타이밍, 샷을 조정할 수 있으며 JianYing (CapCut CN)으로 내보내 편집 가능한 초안을 만들 수도 있습니다.

저장소에는 샷 카드, Remotion 레퍼런스 데모, 실행 가능한 템플릿, 약 150개의 효과음과 5개의 배경 음악 트랙, 페이지 캡처 스크립트가 포함되어 있습니다. 렌더링에는 Node.js와 ffmpeg가 필요하며, README에는 헤드리스 Linux 및 CI 환경에서 필요한 추가 단계가 설명되어 있습니다.

핵심 기능

  • 01실제 제품 페이지를 캡처하고 사용자의 스크린샷과 문구를 바탕으로 영상을 만듭니다.
  • 0210개 카테고리로 구성된 샷 레시피 카드 124개를 제공하며, 각 카드에는 Remotion 구현이 포함되어 있습니다.
  • 03컷과 효과음을 배경 음악의 비트에 맞춥니다.
  • 04브라우저 기반 Motion Workbench에서 영상 전달 후 문구와 타이밍, 샷을 편집할 수 있습니다.
  • 05샷별 클립과 자막 트랙이 포함된 편집 가능한 JianYing (CapCut CN) 초안을 내보냅니다.
  • 06선택적으로 Upload-Post를 통해 소셜 미디어 게시 단계를 진행할 수 있습니다.

활용 사례

  • 소프트웨어 제품이나 오픈소스 저장소의 출시 또는 기능 홍보 영상을 제작할 때.
  • 비디오 편집기 없이 기존 앱 스크린샷으로 짧은 모션 그래픽 광고를 만들 때.
  • 버전 관리와 후속 편집이 가능하도록 제품 영상을 코드로 프로토타이핑할 때.
  • 개별 모션 레시피를 Remotion 프로젝트의 템플릿으로 재사용할 때.

빠른 시작

  1. 1

    skills CLI로 스킬을 설치합니다

    npx skills add Vincentwei1021/video-shotcraft
  2. 2

    저장소를 클론한 뒤 수동으로 Claude Code에 연결합니다(선택 가능한 다른 방법)

    git clone https://github.com/Vincentwei1021/video-shotcraft.git
  3. 3

    Claude Code 또는 Codex에서 에이전트에게 제품 홍보 영상을 만들어 달라고 요청합니다

사용 전 알아둘 점

  • Claude Code와 Codex에 맞춰 제작 및 조정되어 다른 에이전트에서는 제대로 작동하지 않을 수 있습니다.
  • 렌더링에는 Node.js, npm, ffmpeg가 필요하며, 첫 렌더링 시 헤드리스 Chrome을 다운로드합니다.
  • macOS에서 테스트했습니다. Linux에서 헤드리스 렌더링을 하려면 추가 플래그와 로컬 브라우저 바이너리가 필요합니다.

토픽

#remotion#agent-skills#claude-code#codex#motion-graphics#product-video#video-production#react#ai-agents#ai-video

자주 묻는 질문

video-shotcraft은(는) 무엇인가요?
생성형 AI 대신 Remotion 코드로 제품 페이지를 시네마틱 홍보 영상으로 만드는 Claude Code 및 Codex용 에이전트 스킬입니다. video-shotcraft는 Claude Code 및 Codex용 스킬입니다. 에이전트에 제품 홍보 영상을 요청하면 실제 페이지를 캡처하고, 모션 레시피 카드 124개(총 150개 샷) 라이브러리에서 샷을 골라 스토리보드를 구성한 뒤 Remotion으로 애니메이션을 만듭니다. 이어서 비트에 맞춘 음악과 효과음을 추가하고, 프레임을 확인한 다음 MP4로 렌더링합니다.
video-shotcraft은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
video-shotcraft은(는) Apache-2.0 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
video-shotcraft은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. video-shotcraft의 마지막 커밋은 2026년 10월 17일입니다.
video-shotcraft은(는) 어디에 사용할 수 있나요?
소프트웨어 제품이나 오픈소스 저장소의 출시 또는 기능 홍보 영상을 제작할 때. 비디오 편집기 없이 기존 앱 스크린샷으로 짧은 모션 그래픽 광고를 만들 때. 버전 관리와 후속 편집이 가능하도록 제품 영상을 코드로 프로토타이핑할 때. 개별 모션 레시피를 Remotion 프로젝트의 템플릿으로 재사용할 때.
video-shotcraft는 어떻게 설치하나요?
skills CLI로 스킬을 설치합니다: npx skills add Vincentwei1021/video-shotcraft 저장소를 클론한 뒤 수동으로 Claude Code에 연결합니다(선택 가능한 다른 방법): git clone https://github.com/Vincentwei1021/video-shotcraft.git Claude Code 또는 Codex에서 에이전트에게 제품 홍보 영상을 만들어 달라고 요청합니다
video-shotcraft은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/Vincentwei1021/video-shotcraft

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트