Repolode
alchaincyf

alchaincyf/huashu-motion

제품 설명을 코드 기반의 상업용 출시 영상으로 만드는 Claude Code / Codex 에이전트 스킬

스타
780
포크
77
열린 이슈
0
마지막 커밋
어제

어떤 프로젝트인가요?

huashu-motion은 제품 출시 영상을 제작하는 에이전트 스킬입니다. 코딩 에이전트에게 30초짜리 출시 영상을 요청하면 제품을 파악하고, 비주얼 방향을 제안하고, 타이밍 계획을 작성한 뒤 GSAP, Canvas, Three.js 또는 SVG를 사용해 하나의 HTML 페이지로 영상을 만듭니다. 동영상 생성 모델은 사용하지 않으며, 각 프레임은 코드와 시간에 따라 결정됩니다.

프로젝트에는 브라우저 기반 스튜디오가 포함되어 있어 프레임을 클릭하고 댓글을 남기면 에이전트가 해당 부분만 수정합니다. 음악은 ABC 표기법으로 작곡해 샘플 악기로 재생하거나, 내장된 대체 스타일로 생성할 수 있으며, 효과음은 애니메이션의 착지 시점에 맞춰집니다. 내레이션에는 시스템 음성, Kokoro 또는 단어 단위 정렬이 적용된 사용자 녹음을 사용할 수 있습니다.

출력 형식은 MP4, 투명 배경 MOV, WebM, GIF, 공유 가능한 HTML 페이지입니다. 도구 체인을 사용하려면 Node 22 이상, Chrome, FFmpeg가 필요하며 macOS에서 테스트되었습니다.

핵심 기능

  • 01제품 설명을 바탕으로 하나의 HTML 페이지에 작성된 완성도 높은 출시 영상을 만듭니다.
  • 02브라우저 스튜디오에서 원하는 부분을 클릭해 댓글을 남기면 에이전트가 선택한 요소만 수정합니다.
  • 03ABC 표기법으로 음악을 작곡해 샘플 악기로 재생하며, 내장된 대체 악보도 제공합니다.
  • 04애니메이션 착지 프레임에 맞춰 효과음을 배치합니다.
  • 05시스템 음성, Kokoro 또는 단어 단위 정렬을 적용한 사용자 오디오로 내레이션을 추가합니다.
  • 06MP4, 투명 배경 MOV, WebM, GIF 또는 공유 가능한 HTML 페이지로 내보냅니다.

활용 사례

  • 동영상 편집기 없이 소프트웨어 제품이나 앱의 30초 출시 영상을 제작합니다.
  • CSV 데이터셋을 애니메이션 차트가 포함된 내레이션 영상으로 만듭니다.
  • 기존 영상의 세로형(1080x1920) 버전을 제작합니다.
  • 토킹 헤드 영상에 로어 서드, 숫자 카드, 자막을 투명 오버레이로 추가합니다.

빠른 시작

  1. 1

    명령어 하나로 skill 설치하기

    npx skills add alchaincyf/huashu-motion
  2. 2

    환경을 확인하고 누락된 항목 찾기

    om doctor
  3. 3

    번들로 제공되는 데모를 실행해 작동 방식 확인하기

    om demo

사용 전 알아둘 점

  • 실제 사용 환경에서 테스트한 플랫폼은 macOS뿐입니다.
  • Node 22 이상, Chrome, FFmpeg를 로컬에 설치해야 합니다.
  • 실제 인물이나 실시간 영상을 생성할 수 없습니다. 시각 요소는 코드로 그려집니다.

토픽

자주 묻는 질문

huashu-motion은(는) 무엇인가요?
제품 설명을 코드 기반의 상업용 출시 영상으로 만드는 Claude Code / Codex 에이전트 스킬 huashu-motion은 제품 출시 영상을 제작하는 에이전트 스킬입니다. 코딩 에이전트에게 30초짜리 출시 영상을 요청하면 제품을 파악하고, 비주얼 방향을 제안하고, 타이밍 계획을 작성한 뒤 GSAP, Canvas, Three.js 또는 SVG를 사용해 하나의 HTML 페이지로 영상을 만듭니다. 동영상 생성 모델은 사용하지 않으며, 각 프레임은 코드와 시간에 따라 결정됩니다.
huashu-motion은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
huashu-motion은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
huashu-motion은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. huashu-motion의 마지막 커밋은 2026년 10월 19일입니다.
huashu-motion은(는) 어디에 사용할 수 있나요?
동영상 편집기 없이 소프트웨어 제품이나 앱의 30초 출시 영상을 제작합니다. CSV 데이터셋을 애니메이션 차트가 포함된 내레이션 영상으로 만듭니다. 기존 영상의 세로형(1080x1920) 버전을 제작합니다. 토킹 헤드 영상에 로어 서드, 숫자 카드, 자막을 투명 오버레이로 추가합니다.
huashu-motion는 어떻게 설치하나요?
명령어 하나로 skill 설치하기: npx skills add alchaincyf/huashu-motion 환경을 확인하고 누락된 항목 찾기: om doctor 번들로 제공되는 데모를 실행해 작동 방식 확인하기: om demo
huashu-motion은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/alchaincyf/huashu-motion

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

관련 프로젝트