Hacker News웹 · 프론트엔드

제품 영상 제작 자동화, Claude Code로 구현

원제 Skill to Create Product Videos

106 포인트댓글 35
Key Point

제품 데모 영상을 스크립트·설정 파일로만 관리하고 자동 제작·렌더링할 수 있으며, Claude Code와의 통합으로 개발팀이 전문 제작 인력 없이도 고품질 영상을 만들 수 있는 새로운 워크플로우를 제시한다.

핵심 요약

  • Skill Video Studio는 Playwright로 제품 상호작용을 캡처하고 HyperFrames로 제목·챕터·CTA를 구성한 뒤 FFmpeg로 마스터링하는 로컬 영상 제작 워크플로우다.
  • Claude Code의 /devrel-video 스킬과 통합되어 있으며, 무성 워크스루로 시작해 필요시 내레이션·음악·자막·발표자 영상을 추가할 수 있다.
  • Node.js 22+, FFmpeg/ffprobe, Chromium이 필수이며, 선택적으로 음성 변환(ORPHEUS)과 아바타(LatentSync) 같은 외부 서비스를 연결할 수 있다.
  • 프로젝트별로 brief.yaml에서 제품 URL·대상층·메시지·비트·브랜드·길이를 설정하고, brands/ 폴더에서 브랜드 토큰을 관리한다.
  • 저장소는 .claude/skills/devrel-video/ 스킬, brands/ 브랜드 자산, projects/ 예제 프로젝트, examples/ 실제 녹화 자료로 구성되어 있다.
  • 워크플로우는 브리프 작성 → 탐색 → 브랜드 설정 → 캡처 → 구성 → 선택 레이어 추가 → 렌더링/품질 검사 → 썸네일 생성 순서로 진행된다.
  • Acme 앱을 사용한 제품 워크스루(내레이션·음악·EN/ES 자막)와 CLI/브라우저 멀티환경 예제 두 가지 완성된 작업 영상을 제공한다.
  • 로컬 배경음악 6가지, 음성 기반 타이밍, 내레이션 기반 구성을 지원하며, 생성된 MP4/오디오 파일은 재생성이 가능하다.
  • 저장소는 MIT 라이선스이며, 포함된 폰트는 OFL 라이선스를 유지하고 외부 도구·모델·미디어는 각각의 라이선스 조건을 따른다.
  • 개발자는 CONTRIBUTING.md, CODE_OF_CONDUCT.md를 확인하고, 취약점은 SECURITY.md를 통해 비공개로 보고할 수 있다.
AI 요약 안내

AI가 한국어로 정리한 내용입니다. 정확한 정보는 원문을 확인해 주세요.

요약 원칙 ↗