howseen-ai/claude-motion-design

해결하는 문제

기존의 비디오 편집 소프트웨어나 고가의 라이선스 도구에 의존하지 않고, 순수한 코드(HTML, Playwright, ffmpeg)를 사용하여 고품질 모션 디자인 비디오를 생성할 수 있게 해줍니다. 이 접근법은 비디오 제작을 결정론적이고 무료로 만들며, AI 에이전트가 쉽게 반복할 수 있도록 하여 정확한 비트 동기화와 빠른 수정이 가능하게 합니다.

작동 방식

시스템은 seek(t) 함수를 사용하여 모든 프레임이 시간에 따라 계산되므로 일관성이 보장됩니다. Playwright 스크린샷을 통해 프레임을 렌더링하고 ffmpeg로 컴파일합니다. 워크플로우에는 음악 동기화를 위한 비트 맵, 모션 블러를 위한 서브프레임 블렌딩, 두 단계의 오디오 정규화 프로세스가 포함되어 있습니다. 또한 기존 런칭 비디오를 분석하여 씬 사양을 추출하고 AI 에이전트를 사용해 브랜드 버전을 재생성할 수 있는 '리메이크 모드'도 포함되어 있습니다.

대상 사용자

After Effects나 Remotion에 대한 전문 지식 없이도 프로모션용 또는 런칭 비디오를 전문가 수준으로 생성하고 싶은 개발자 및 AI 사용자(특히 Claude Code 사용자)입니다.

주요 특징

• 결정론적 렌더링: 전체 영화가 시간의 함수로 취급되어 특정 장면을 고정해도 비디오의 나머지 부분에 영향을 주지 않습니다.
• 비트 동기화 오디오: 일반적인 비트 그리드가 아닌 측정된 피크와 밴드 에너지에 따라 음악 드롭과 사운드 효과를 동기화합니다.
• AI 네이티브 워크플로우: Claude Code 스킬로 설계되어, 코드 편집만으로 "트랜지션을 더 빠르게"와 같은 변경 요청이 가능합니다.
• 리메이크 모드: 참조 비디오에서 프레임을 추출하여 1:1 브랜드 리메이크를 생성하는 전용 파이프라인입니다.
• 제로 비용 도구 체인: Chromium, ffmpeg, Python과 같은 완전한 오픈소스 도구에 의존합니다.