whaleyxbt/claude-motion

어떤 프로젝트인가요?

핵심 기능

• 01구체적인 이징 곡선, 스프링 프리셋, 타이밍 값을 포함한 모션 디자인 규칙입니다.
• 02에이전트가 프레임별로 확인할 수 있도록 콘택트 시트를 렌더링하는 자체 검토 루프입니다.
• 03샘플을 사용하지 않고 효과음을 생성해 영상 타임라인에 맞춰 믹싱하는 Python 사운드 엔진입니다.
• 04장면, 사운드, 검토에 공통으로 사용하는 단일 타임라인 JSON입니다.
• 05HTML 페이지에서 프레임 단위로 정확한 60fps 영상을 캡처하는 웹 시뮬레이션 파이프라인입니다.

활용 사례

• 코딩 에이전트에 텍스트 프롬프트를 입력해 짧은 공지용 모션 그래픽을 제작합니다.
• 데이터 기반 또는 시뮬레이션 스타일 애니메이션을 독립 실행형 웹 페이지로 만들고 영상으로 내보냅니다.
• 라이선스가 있는 오디오 없이 Remotion 영상에 동기화된 효과음을 생성합니다.
• 여러 장면의 애니메이션 타이밍을 검토하고 수정합니다.

빠른 시작

1. 1

   저장소를 클론하고 폴더로 이동합니다

   git clone https://github.com/whaleyxbt/claude-motion && cd claude-motion
2. 2

   종속성을 설치합니다

   npm install
3. 3

   사운드가 포함된 예제 동영상을 빌드합니다

   npm run build
4. 4

   라이브 미리보기를 엽니다

   npm run studio

사용 전 알아둘 점

• !Node 20 이상, Python 3, ffmpeg가 설치되어 있어야 합니다.
• !Remotion은 자체 라이선스를 적용하며, 일정 기준을 초과하는 기업은 유료 기업용 라이선스가 필요합니다.
• !웹 시뮬레이션 캡처에는 Playwright와 Chromium 설치가 필요합니다.

토픽

자주 묻는 질문

claude-motion은(는) 무엇인가요?

코딩 에이전트가 타임라인 기반 장면, 시각적 검토 루프, Python 사운드 엔진으로 Remotion 영상을 만들게 해주는 모션 디자인 툴킷입니다. claude-motion은 코딩 에이전트가 모션 그래픽과 짧은 영상을 제작할 수 있게 해주는 툴킷입니다. Remotion에 디자인 규칙, 자체 검토 과정, 사운드 엔진을 더해 에이전트가 API뿐 아니라 이징, 홀드, 타이포그래피의 타이밍을 조절하고 결과물을 직접 확인하는 방법까지 알 수 있게 합니다.

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

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

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

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

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

코딩 에이전트에 텍스트 프롬프트를 입력해 짧은 공지용 모션 그래픽을 제작합니다. 데이터 기반 또는 시뮬레이션 스타일 애니메이션을 독립 실행형 웹 페이지로 만들고 영상으로 내보냅니다. 라이선스가 있는 오디오 없이 Remotion 영상에 동기화된 효과음을 생성합니다. 여러 장면의 애니메이션 타이밍을 검토하고 수정합니다.

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

저장소를 클론하고 폴더로 이동합니다: git clone https://github.com/whaleyxbt/claude-motion && cd claude-motion 종속성을 설치합니다: npm install 사운드가 포함된 예제 동영상을 빌드합니다: npm run build 라이브 미리보기를 엽니다: npm run studio

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

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