product-launch-motion은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

product-launch-motion은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

product-launch-motion은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. product-launch-motion의 마지막 커밋은 2026년 10월 15일입니다.

product-launch-motion은(는) 어디에 사용할 수 있나요?

비디오 편집기 없이 SaaS 랜딩 페이지용 제품 출시 영상을 제작합니다. 기존 웹사이트를 바탕으로 사운드가 동기화된 짧은 홍보 영상을 만듭니다. 결정적 방식으로 동영상 렌더링할 수 있는 HTML을 사용해 모션 디자인 아이디어를 시제품으로 만듭니다.

product-launch-motion는 어떻게 설치하나요?

스킬을 설치하세요: npx skills add AbubakrChan/product-launch-motion Claude Code에서 사이트 URL을 제공하고 동영상을 만들어 달라고 요청하세요

product-launch-motion은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/AbubakrChan/product-launch-motion

AbubakrChan/product-launch-motion

웹사이트 URL을 HTML 기반의 60fps 제품 출시 영상으로 만드는 Claude Code 스킬입니다.

GitHub에서 보기 웹사이트

스타: 322
포크: 47
열린 이슈: 0
마지막 커밋: 5일 전

어떤 프로젝트인가요?

Product Launch Motion은 제품 웹사이트 URL을 받아 짧은 출시 영상을 기획하고 제작해 렌더링하는 Claude Code 스킬입니다. Claude가 사이트를 읽고 스토리를 작성한 뒤, 음악 트랙에서 측정한 비트 그리드에 맞춰 각 장면을 배치하고 효과음이 동기화된 60fps MP4를 출력합니다.

모든 프레임은 시간을 입력으로 받는 순수 함수로 계산되는 HTML이므로 렌더링 결과가 결정적이며 비트 단위로 확인할 수 있습니다. Playwright가 서브프레임을 캡처하고 ffmpeg가 모션 블러를 적용합니다. 애니메이션에는 폐형식 감쇠 스프링을 사용하며, 장면을 하드 컷으로 전환하는 대신 화면 속 단일 요소가 여러 상태로 변형됩니다. 이 스킬을 사용하려면 Claude Opus 5.5가 필요하며 Node 20+, Playwright, FFmpeg, numpy가 설치된 Python 3 환경이 필요합니다.

저장소에는 GSAP과 HyperFrames를 사용해 내레이션 중심 영상을 만드는 이전 버전인 v1 스킬도 legacy 폴더에 포함되어 있습니다.

핵심 기능

01웹사이트 URL만으로 수동 편집 없이 출시 영상을 제작합니다.
02음악 트랙에서 측정한 비트 그리드에 모션과 효과음을 배치합니다.
03ffmpeg 모션 블러를 적용해 60fps 영상을 렌더링합니다.
04폐형식 스프링과 변형되는 단일 요소를 사용해 하드 컷을 대체합니다.
053D 형태 효과를 위한 선택적 WebGL 유리 렌더링 단계를 지원합니다.

활용 사례

비디오 편집기 없이 SaaS 랜딩 페이지용 제품 출시 영상을 제작합니다.
기존 웹사이트를 바탕으로 사운드가 동기화된 짧은 홍보 영상을 만듭니다.
결정적 방식으로 동영상 렌더링할 수 있는 HTML을 사용해 모션 디자인 아이디어를 시제품으로 만듭니다.

빠른 시작

1
스킬을 설치하세요
npx skills add AbubakrChan/product-launch-motion
2
Claude Code에서 사이트 URL을 제공하고 동영상을 만들어 달라고 요청하세요

사용 전 알아둘 점

Claude Code가 필요하며, README에서는 Opus 5.5를 권장합니다. 소형 모델은 세부 사항을 많이 놓치기 때문입니다.
렌더링하려면 Node 20+, Playwright, FFmpeg, numpy가 포함된 Python 3이 필요하며, 모두 로컬에 설치해야 합니다.
샘플 영상은 Cheerful용으로 제작되었으며, 스킬에 MIT 라이선스가 적용되어 있어도 재사용할 수 없습니다.

토픽

#agent-skill #claude-code #motion-graphics #html-to-video #ffmpeg #playwright #video-generation #agent-skills #ai-agents #anthropic

자주 묻는 질문

product-launch-motion은(는) 무엇인가요?: 웹사이트 URL을 HTML 기반의 60fps 제품 출시 영상으로 만드는 Claude Code 스킬입니다. Product Launch Motion은 제품 웹사이트 URL을 받아 짧은 출시 영상을 기획하고 제작해 렌더링하는 Claude Code 스킬입니다. Claude가 사이트를 읽고 스토리를 작성한 뒤, 음악 트랙에서 측정한 비트 그리드에 맞춰 각 장면을 배치하고 효과음이 동기화된 60fps MP4를 출력합니다.
product-launch-motion은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?: product-launch-motion은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
product-launch-motion은(는) 아직 유지보수되고 있나요?: 활발히 유지보수 중. product-launch-motion의 마지막 커밋은 2026년 10월 15일입니다.
product-launch-motion은(는) 어디에 사용할 수 있나요?: 비디오 편집기 없이 SaaS 랜딩 페이지용 제품 출시 영상을 제작합니다. 기존 웹사이트를 바탕으로 사운드가 동기화된 짧은 홍보 영상을 만듭니다. 결정적 방식으로 동영상 렌더링할 수 있는 HTML을 사용해 모션 디자인 아이디어를 시제품으로 만듭니다.
product-launch-motion는 어떻게 설치하나요?: 스킬을 설치하세요: npx skills add AbubakrChan/product-launch-motion Claude Code에서 사이트 URL을 제공하고 동영상을 만들어 달라고 요청하세요
product-launch-motion은(는) 어디서 받을 수 있나요?: 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/AbubakrChan/product-launch-motion

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