블로그로 돌아가기
시작하기 · 09 / 19

Claude Code로 Claude Motion 사용하기

오픈소스 예제를 빌드하고 범위가 명확한 요청으로 수정한 뒤 실제 영상을 검증합니다.

이 안내는 Remotion 기반 오픈소스 프로젝트 whaleyxbt/claude-motion을 사용합니다. Anthropic 공식 Motion이나 이 사이트 Claude Motion Skills의 설치 프로그램이 아닙니다. 명령을 저장소 문서와 스크립트에 대조했지만 모든 지원 컴퓨터에서 실행하지는 않았습니다. 도구가 부족하면 환경 요구사항부터 확인하세요.

올바른 프로젝트에서 에이전트 시작하기

Anthropic의 최신 설정 안내로 Claude Code를 설치하고 지원되는 방식으로 로그인하세요. claude --version이 실행되는지 확인합니다. 에이전트 인증과 저장소 의존성은 별개입니다. 전용 폴더를 준비해 아래의 정확한 저장소를 복제하고 지침을 유지하세요. 사이트 템플릿 서비스를 원했다면 시작 안내와 cm-skills 절차를 따릅니다. 이름이 비슷하다는 이유로 관련 없는 npx 패키지를 사용하지 마세요.

수정 전에 원본 빌드하기

새 디렉터리를 만들 수 있는 상위 폴더에서 아래 명령을 실행합니다. 문서의 빌드는 음향 생성, Remotion 렌더링, FFmpeg 결합을 순서대로 실행하며 예상 결과는 out/effort.mp4입니다. 디자인 변경을 요청하기 전에 파일을 여세요. 중단되면 첫 오류를 보존하고 실패한 단계를 찾습니다. 복제한 폴더 안에서 Claude Code를 시작해 다른 곳의 가상 프로젝트가 아닌 실제 빌드 파일을 검사하게 합니다.

git clone https://github.com/whaleyxbt/claude-motion
cd claude-motion
npm install
npm run build
claude
출처와 참고 자료: whaleyxbtwhaleyxbt

범위가 명확한 창작 작업 요청하기

수정 전에 AGENTS.md, CLAUDE.md와 관련 스킬을 읽도록 요청하세요. 최종 문구, 사용 권한이 있는 자료, 대상 시청자, 화면 비율, 길이를 제공합니다. 첫 작업으로 세 장면과 마지막 행동 안내가 있는 15초 정사각형 공지가 적합합니다. 장면 구성과 시간 계획부터 요청한 뒤 구현하게 하세요. 사실 표현을 유지하고 누락된 자료를 알려 달라고 요청합니다. 시스템 전체 설치와 외부 유료 서비스는 사용 전에 설명하도록 합니다. 영상 요청에 무제한 컴퓨터 변경은 필요하지 않습니다.

출처와 참고 자료: whaleyxbt

프로젝트의 검토 반복 과정 활용하기

낮은 해상도의 초안과 콘택트 시트를 요청한 후 실제 이미지를 확인하세요. 프로젝트에는 draft와 sheet 스크립트가 있으며 아래 sheet 명령은 렌더링된 초안을 대상으로 합니다. 장면과 시각으로 수정 의견을 전달하고 최종 렌더링 전에 넘침, 작은 글씨, 갑작스러운 전환, 부족한 읽기 시간을 고칩니다. 작동하는 버전의 복사본이나 Git 기록을 남기세요. 변경이 실패하면 전체 재구축을 반복하기보다 수정 파일과 오류 출력을 비교합니다.

npm run draft
npm run sheet -- --video out/draft.mp4
출처와 참고 자료: whaleyxbtwhaleyxbt

전달할 실제 파일 검증하기

알맞은 프로젝트 스크립트로 최종 영상을 렌더링하고 MP4를 플레이어에서 여세요. 길이, 크기, 소리, 마지막 프레임, 행동 안내 문구를 확인합니다. 원본 프로젝트와 성공한 명령의 기록을 보관하세요. 에이전트의 완료 주장보다 실제 파일이 더 확실한 증거입니다. 사이트의 별도 방식은 템플릿 미리보기와 로컬 렌더링 안내를 따르며 선택적 음성 서비스가 제공된다고 가정하지 마세요.

출처와 참고 자료: whaleyxbtClaude Motion Skills

다음 단계

먼저 원본 예제의 실행을 확인하세요. 작고 검토 가능한 변경을 요청하고 전달 전에 실제 결과물을 검증합니다.

제작 작업 공간 살펴보기

출처와 참고 자료

출처는 원본 문서와 제작자 페이지로 연결됩니다. 제공 기능은 바뀔 수 있으므로 구독하거나 설치하기 전에 해당 출처를 확인하세요.

  1. Claude Motion repository and quick startwhaleyxbt
  2. Project build scriptswhaleyxbt
  3. Set up Claude CodeAnthropic
  4. Claude Motion Skills getting startedClaude Motion Skills