Motion Skills
← 가이드

코딩 에이전트를 위한 무료 오픈소스 모션 영상 스택: 어느 단계에 어떤 도구를 쓰나(2026)

Claude Code, Codex, Cursor로 만드는 모션 영상의 모든 단계에 무료 도구(대부분 오픈소스)가 있습니다. 장면은 Remotion이나 Three.js, 수학은 Manim, 음성은 CosyVoice, 자막은 WhisperX, 비트는 librosa, 인코딩은 FFmpeg. 스토리, 속도, 사실은 정해 주지 않습니다.

각 프로젝트에 관한 사실은 2026년 11월 3일 기준 각 프로젝트의 README, 라이선스 파일, 사이트에서 확인했습니다. Motion Skills는 저희가 만들므로, 그에 관한 저희 설명은 그 점을 감안해 판단해 주세요.

에이전트 모션 스튜디오용 무료 "스킬" 목록에 오른 것은 대부분 라이브러리와 앱이지, 에이전트 스킬이 아닙니다. 에이전트가 그것들을 쓰는 코드를 작성할 수는 있지만, 어떤 영상이 좋은 영상인지 알려 주는 것은 하나도 없습니다. 아래에 파이프라인 단계별로 정리했습니다.

한눈에 보기

단계 도구 하는 일 라이선스 내게 남는 일
장면과 모션 Remotion 영상을 React 컴포넌트로 작성해 파일로 렌더링 자체 라이선스. 4명 이상은 Company License 스토리, 타이밍, 룩, 사운드
장면과 모션 Remotion agent skills 에이전트에게 Remotion 코드 작성법을 가르침 라이선스 파일 없음. Remotion과 함께 사용 Remotion과 같음
장면과 모션 Anime.js CSS, SVG, DOM 속성, JS 객체에 애니메이션 적용 MIT 라이브 페이지를 영상으로 만드는 일
장면과 모션 Motion React, JavaScript, Vue용 애니메이션 라이브러리 MIT(Motion+는 유료) 라이브 페이지를 영상으로 만드는 일
3D Three.js 브라우저 3D, WebGL과 WebGPU 렌더러 MIT 조명, 카메라, 프레임 캡처
빛 three-gpu-pathtracer Three.js용 패스 트레이싱 조명 MIT WebGPU 브라우저, 렌더링 시간
물리 Jolt Physics (JoltPhysics.js) 강체 물리, JS 포트 제공 MIT 장면에 연결하는 일
효과 pmndrs/postprocessing Three.js용 블룸 등 전체 화면 효과 Zlib 안목: 효과가 도움이 되는 때
효과 three.quarks Three.js용 파티클과 VFX MIT 연결, 타이밍
조정 Tweakpane 값을 실시간으로 조정하는 작은 패널 MIT 렌더링에는 포함되지 않음
3D 앱 MCP for Blender(이전 이름 blender-mcp) 에이전트가 MCP로 Blender를 조작 MIT. Blender는 GPL 실행하는 코드 검토
2D 벡터 lottie-web After Effects에서 JSON으로 내보낸 애니메이션 재생 MIT 제작, After Effects에서 함
수학 Manim (Community) 수학 설명 영상용 Python 엔진 MIT 설명 자체, Python 설정
이미지와 클립 ComfyUI 이미지, 영상, 3D, 오디오 모델 실행 GPL-3.0 GPU, 모델별 라이선스
음성 CosyVoice 다국어 음성 합성과 음성 복제 Apache 2.0(코드와 v3 가중치) 대본, 쓰는 목소리에 대한 권리
자막 WhisperX 단어 단위 타임스탬프가 있는 전사 BSD-2-Clause 교정, 자막 스타일
비트 싱크 librosa 비트 트래커를 포함한 오디오 분석 ISC 비트를 컷에 맞추는 일
캡처 OBS Studio 화면과 카메라 캡처, 녹화 GPL-2.0 이상 촬영 자체
컷 LosslessCut 다시 인코딩하지 않고 영상을 자르고 이어 붙임 GPL-2.0 타이틀, 효과, 믹싱
인코딩 FFmpeg 오디오와 영상의 변환, 인코딩, 먹싱 LGPL 2.1+, 선택 구성 요소 포함 시 GPL 정확한 명령어

장면과 모션

Remotion은 영상을 React 컴포넌트로 작성하고, 내 컴퓨터나 서버, AWS Lambda에서 렌더링합니다. 라이선스는 오픈소스 라이선스가 아니라 자체 라이선스입니다. 개인, 직원 3명 이하 회사, 비영리 단체, 평가 목적에는 "상업적 용도라도" 무료이고, 그보다 큰 회사는 Company License가 필요합니다. 라이선스 파일에는 Remotion 5.0에서 "약간 바뀔" 것이라고 적혀 있습니다.

Remotion의 에이전트 스킬(npx skills add remotion-dev/skills)은 Claude Code, Codex, Cursor에 Remotion API를 가르칩니다. /remotion-create, /remotion-markup, /remotion-render, /remotion-captions, /remotion-maps 등이 있습니다. 올바르게 만들어 주는 것은 코드이지 영상이 아닙니다. 자세한 내용은 Remotion 에이전트 스킬 vs Motion Skills를 참고하세요.

Anime.js와 Motion(이전 이름 Framer Motion)은 라이브 웹 페이지용 애니메이션 라이브러리이며, 둘 다 MIT입니다. Motion은 무료이자 MIT 라이선스인 /motion 에이전트 스킬(npx motion-ai)을 제공하고, 추가 기능인 Motion+는 유료 라이선스입니다. 두 README 모두 영상 내보내기는 설명하지 않습니다. 페이지를 한 프레임씩 진행하며 인코딩하는 무언가가 필요하거나, 화면을 녹화해야 합니다.

3D, 빛, 물리, 효과

기반은 Three.js입니다. WebGL과 WebGPU 렌더러를 갖춘 범용 3D 라이브러리입니다. three-gpu-pathtracer는 패스 트레이싱 방식의 물리 기반 조명을 더합니다. WebGPU가 필요하고, 이미지를 샘플 하나씩 쌓아 올리므로 깨끗한 프레임 하나에 여러 번의 패스가 듭니다. Horizon Forbidden West에 쓰인 Jolt Physics는 강체를 시뮬레이션하고, JoltPhysics.js로 JavaScript에서 쓸 수 있습니다. 시뮬레이션이 결정론적이어서, 장면을 다시 렌더링해도 매번 똑같이 떨어집니다. postprocessing(Zlib)은 블룸 같은 전체 화면 효과를, three.quarks는 파티클을 더하고, Tweakpane은 미리보기 중에 값을 조정하는 슬라이더를 제공합니다.

MCP for Blender(blender-mcp에서 이름 변경)는 Blender가 만든 것이 아닌 커뮤니티 플러그인으로, Claude Code, Codex, Cursor 등 MCP 클라이언트가 Blender 안에서 작업하게 해 줍니다. README는 기본 설정에서 에이전트가 "Blender에서 어떤 Python 코드든 실행할 수 있다"고 경고하며, BLENDER_MCP_SAFE_MODE=1로 위험한 스크립트를 막을 수 있습니다. DISABLE_TELEMETRY=true를 설정하지 않으면 최소한의 익명 사용 기록을 보냅니다. Blender는 GPL이며, 라이선스 페이지에는 Blender로 만든 이미지와 영상은 만든 사람의 것이라고 나와 있습니다.

2D 벡터와 수학 설명

lottie-web은 Adobe After Effects에서 만들어 Bodymovin으로 JSON으로 내보낸 애니메이션을 재생합니다. 플레이어는 MIT이지만, 제작 도구인 After Effects는 무료가 아닙니다. Manim은 3Blue1Brown 영상을 만드는 엔진의 커뮤니티 버전으로, Python으로 쓴 장면을 수학 설명 영상으로 바로 렌더링합니다(MIT). 설명 자체는 여전히 내가 써야 합니다.

이미지와 생성 클립

ComfyUI(GPL-3.0)는 이미지, 영상, 3D, 오디오 모델을 노드 그래프로 로컬에서 실행합니다. Wan, LTX-Video, HunyuanVideo 같은 공개 모델도, "Partner nodes"를 통한 비공개 모델도 쓸 수 있습니다. 성능이 충분한 GPU가 필요하고, 모델마다 ComfyUI와 별개인 자체 라이선스가 있습니다.

음성, 자막, 비트

CosyVoice는 9개 언어와 18개 이상의 중국어 방언을 지원하는 음성 합성 시스템으로, 제로샷 음성 복제도 됩니다. 코드는 Apache 2.0이고, Hugging Face의 Fun-CosyVoice3-0.5B 가중치도 마찬가지입니다. 사용할 권리가 있는 목소리만 복제하세요.

WhisperX는 단어 단위 타임스탬프(wav2vec2 정렬)로 전사하고 .srt 파일을 씁니다. Mac을 포함한 CPU에서도, NVIDIA GPU에서도 돌아갑니다. 화자 라벨에는 Hugging Face 토큰과 pyannote 모델의 사용자 약관 동의가 필요합니다. 이름과 숫자는 교정하세요.

librosa(ISC)는 오디오를 분석합니다. librosa.beat.beat_track은 동적 계획법 기반의 비트 트래커입니다. 어떤 컷을 그 비트에 맞출지는 내가 정합니다.

캡처, 컷, 인코딩

OBS Studio(GPL-2.0 이상)는 캡처, 합성, 녹화, 스트리밍을 합니다. 화면 데모와 인물 촬영에 씁니다. LosslessCut(GPL-2.0)은 FFmpeg를 이용해 다시 인코딩하지 않고 파일을 자르고 이어 붙입니다. GitHub에서는 무료이고, 앱 스토어 버전은 개발자를 후원하는 방법입니다. 자르기만 할 뿐, 타이틀이나 효과는 넣지 않습니다. 위의 거의 모든 도구 아래에서 인코딩을 맡는 것이 FFmpeg입니다. 라이선스는 LGPL 2.1 이상이며, 선택 사항인 GPL 구성 요소를 넣어 빌드하면 GPL입니다.

스택이 내게 남기는 일

이 도구들을 합치면 렌더링, 음성, 자막, 인코딩까지 됩니다. 그래도 영상이 무엇을 말할지, 각 비트를 얼마나 끌지 정하고, 사운드를 설계하고, 화면의 모든 숫자와 이름을 출처와 대조하고, Node, Python, GPU, 프레임 단위 렌더링을 준비하는 일은 내 몫입니다. 그것이 작업의 대부분입니다.

Motion Skills의 자리

Motion Skills는 저희가 만듭니다. 완성 영상 스킬은 이 파이프라인을 한 종류의 영상(런칭 영상, 설명 영상, 데이터 영상, 쇼츠)에 맞춰 저희 엔진 motion-skills(MIT) 위에서 실행하는 에이전트 스킬입니다. 스토리, 속도, 검사는 스킬이 맡고, 나머지는 엔진이 합니다.

  • 장면과 모션: 영상은 HTML, CSS, GSAP(GSAP 자체의 "no charge" 라이선스로 무료)로 만들고, 모든 프레임은 시간의 함수이며, 이미 있는 Chrome에서 프레임 단위로 렌더링합니다. 3D 숏은 영상의 시계에 맞춰 Three.js를 씁니다.
  • 음악: 영상을 위해 작곡한 오리지널 음악이며, 장면 전환은 다운비트에 맞춥니다. mo beats는 가져온 트랙에서 비트를 찾고, mo music find는 퍼블릭 도메인(CC0) 음악을 찾습니다.
  • 음성: 내 컴퓨터의 Kokoro 음성이나 macOS 음성, 또는 내 API 키로 ElevenLabs와 HeyGen을 씁니다.
  • 자막과 검사: mo voice는 .srt를 쓰고, --check를 붙이면 whisper가 모든 문장을 다시 들어 봅니다. mo check는 잘리거나 가려진 텍스트를 찾고, mo audit는 화면의 모든 줄을 sources.md와 대조하며, mo qa는 렌더링 결과를 검사합니다.
  • 내보내기: FFmpeg로 MP4, 알파 채널이 있는 MOV, WebM, GIF로 인코딩합니다. CapCut 또는 剪映 초안과 슬라이드 덱도 선택할 수 있습니다.

Blender나 ComfyUI를 대신하지는 않고, 아바타도 만들지 않습니다. Motion Director 스킬은 Google 로그인으로 무료로 쓸 수 있고 10–20초 영상을 만듭니다. 완성 영상 스킬은 하나에 $4.90이거나 플랜에 포함됩니다(요금, 모든 스킬). 브라우저 앱을 포함한 다른 도구는 Claude Motion 대안을 참고하세요.

자주 묻는 질문

Remotion은 무료인가요?

개인, 직원 3명 이하의 영리 회사, 비영리 단체, 평가 목적이라면 상업적 사용을 포함해 무료입니다. 4명 이상인 회사는 remotion.pro에서 판매하는 Company License가 필요합니다. 라이선스는 오픈소스 라이선스가 아니라 자체 라이선스입니다.

Claude Code로 모션 그래픽을 만들 수 있는 무료 도구는 무엇인가요?

에이전트가 작성하는 코드에는 Remotion과 그 에이전트 스킬, Three.js, Anime.js, Motion, Manim이 있습니다. 영상의 나머지에는 음성에 CosyVoice, 자막에 WhisperX, 비트에 librosa, 인코딩에 FFmpeg가 있습니다. 영상 전체를 만드는 무료 스킬로는 Motion Skills의 Motion Director가 있습니다.

Claude가 3D 애니메이션을 만들 수 있나요?

네, 코드나 앱을 통해서 만들 수 있습니다. 에이전트가 물리에는 Jolt, 조명에는 three-gpu-pathtracer를 써서 Three.js 장면을 작성하거나, MCP for Blender로 Blender를 조작할 수 있습니다. 어느 쪽이든 카메라, 조명, 렌더링 설정은 확인하세요.

이 도구들을 상업적으로 써도 되나요?

여기 나온 MIT, Zlib, ISC, BSD, Apache 라이선스는 상업적 사용을 허용합니다. GPL과 LGPL 도구(Blender, ComfyUI, OBS, LosslessCut, FFmpeg)는 무료로 쓸 수 있으며, 그 조건은 소프트웨어를 배포할 때 중요해집니다. Remotion은 4명 이상인 회사에 Company License를 요구합니다.

출처

이 가이드는 독립적이며, 여기 언급된 어떤 프로젝트와도 관련이 없습니다. 각 이름은 해당 소유자의 상표입니다. 2026년 11월 3일 기준으로 확인했습니다.