클로드 영상 제작 오픈소스 3가지 비교, 설치와 레퍼런스 요청법
클로드 영상 제작에 쓰는 오픈소스 3가지(Remotion, HyperFrames, OpenMontage)가 각각 무엇을 맡는지 비교하고, 클로드 코드에 설치하는 명령과 레퍼런스를 줘서 모션그래픽을 뽑는 요청 순서를 정리했습니다. 설치 확인법, 지우는 법, 막힐 때 점검할 곳까지 담았고 요청문은 그대로 복사해 쓸 수 있게 적었습니다.

클로드 영상 제작 오픈소스 3가지, 무엇이 다른가
세 도구 모두 코드나 설정 파일로 영상을 만든다는 점이 같습니다. 클로드는 코드를 읽고, 고치고, 다시 렌더링(영상 파일로 뽑는 작업)하는 데 강하기 때문에 이 방식이 잘 맞습니다. 사람은 말로 요청하고, 클로드가 코드를 쓰고, 결과를 눈으로 확인해 다시 고치게 합니다.
| 도구 | 맡는 일 | 라이선스 | 준비물 |
|---|---|---|---|
| Remotion | React(웹 화면을 만드는 도구) 코드로 영상을 그린다. 글자 움직임 타이밍까지 전부 코드로 바꾼다 | 회사 규모에 따라 유료 라이선스가 필요할 수 있다. Remotion 라이선스 안내에서 확인 | Node.js |
| HyperFrames | HTML과 CSS로 장면을 짜서 MP4로 렌더링한다. 자막, 숫자 강조, 도식, 움직이는 글자 같은 10초 안팎의 모션그래픽에 맞는다 | Apache 2.0 | Node.js 22 이상, FFmpeg |
| OpenMontage | 12개 제작 파이프라인과 100개 넘는 도구를 묶은 영상 제작 시스템. 조사, 대본, 내레이션, 배경, 음악, 자막, 품질 검사까지 한 번에 돌린다 | AGPL-3.0 | Python 3.10 이상, Node.js 18 이상, FFmpeg |
세 도구의 역할을 나누면 이렇습니다. Remotion은 영상 자체를 코드로 만들 때, HyperFrames는 촬영본이나 빈 화면 위에 자막 그래픽을 얹을 때, OpenMontage는 조사부터 음악·스톡 영상 같은 외부 소스 붙이기까지 제작 전체를 맡길 때 씁니다. 셋을 한꺼번에 깔 필요는 없습니다. 짧은 모션그래픽이 목적이면 HyperFrames 하나로 시작해도 됩니다.
상업 용도로 쓸 계획이라면 라이선스 차이를 먼저 봅니다. Apache 2.0은 상업 사용 제한이 없는 편이고, AGPL-3.0은 코드를 고쳐 서비스로 제공할 때 소스 공개 의무가 따라오는 조건입니다. 정확한 조건은 각 저장소의 LICENSE 파일에서 확인합니다.
시작 전에 준비할 것
- 클로드 코드: 유료 요금제에서 쓸 수 있습니다. 영상 작업은 코드를 많이 쓰고 고치기 때문에 사용량이 빨리 닳습니다. 한도에 자주 걸리면 상위 요금제를 고려하되, 요금은 바뀔 수 있으니 결제 전 공식 안내를 확인합니다.
- Node.js 22 이상: 세 도구를 모두 쓰려면 22 이상을 깔아 두는 편이 안전합니다. 스킬 설치 도구(
npx skills)도 Node.js 22.20 이상을 권합니다. - FFmpeg: 영상과 소리를 변환하고 합치는 무료 프로그램입니다. 직접 설치하기 어려우면 클로드에게 "FFmpeg를 설치해 줘"라고 시켜도 됩니다.
- OpenMontage를 쓴다면 Python 3.10 이상과 git(저장소를 내려받는 프로그램)
- 선택: 내 채널의 영상 포맷(인트로 길이, 색, 글꼴), 따라 하고 싶은 참고 영상, 마무리 편집용 캡컷
- 비용: 세 도구 자체는 무료 오픈소스입니다. 클로드 사용료가 따로 들고, 유료 음성이나 스톡 소스를 연결하면 그 비용이 더해집니다.
터미널(명령을 글자로 입력하는 창)에서 아래 두 줄로 준비 상태를 확인합니다. 맥은 응용 프로그램 > 유틸리티 > 터미널, 윈도우는 시작 메뉴에서 PowerShell을 엽니다.
node -v
ffmpeg -version
클로드 코드에 세 도구 설치하기
2026년 10월 기준 각 저장소 안내에 따른 명령입니다. 명령은 바뀔 수 있으니 저장소 README와 한 번 맞춰 봅니다. 클로드 코드는 터미널에서 쓰거나 클로드 데스크톱 앱의 Code 탭에서 씁니다.
- 작업 폴더를 하나 만들고 그 폴더에서 클로드 코드를 켭니다.
- 확인: 클로드 코드 입력창에서 대화를 시작할 수 있습니다.
- 위의
node -v와 ffmpeg -version이 버전 숫자를 보여 주는지 확인합니다. - 확인: Node.js 22 이상, FFmpeg 버전이 출력됩니다. 없으면 먼저 설치합니다.
- Remotion 스킬(클로드 코드가 Remotion 작업 요령을 익히게 하는 설명서 묶음)을 터미널에서 설치합니다.
- 확인: 설치 뒤 클로드 코드 입력창에서
/skills를 치면 remotion 관련 항목이 보입니다. 안 보이면 /reload-skills를 입력하거나 클로드 코드를 다시 켭니다.
- 확인: 설치 뒤 클로드 코드 입력창에서
npx skills add remotion-dev/skills
- HyperFrames 플러그인(스킬, 명령 등을 한 묶음으로 넣는 확장)을 터미널에서 설치합니다.
- 확인: 클로드 코드에서
/plugin을 열어 Installed 탭에 hyperframes가 있으면 됩니다. "Run /reload-plugins" 안내가 뜨면 /reload-plugins를 입력합니다. 이후 /hyperframes:hyperframes로 부릅니다. - 대안: 플러그인 대신 스킬만 넣으려면 영상 프로젝트 폴더에서
npx skills add heygen-com/hyperframes를 실행합니다.
- 확인: 클로드 코드에서
claude plugin marketplace add heygen-com/hyperframes
claude plugin install hyperframes@hyperframes
- OpenMontage는 저장소를 내려받아 설치합니다.
- 확인: 오류 없이 끝나고 폴더 안에
CLAUDE.md같은 안내 파일이 있습니다. 이후 그 폴더에서 클로드 코드를 켜고 만들 영상을 설명합니다. - 주의:
make가 없는 환경(윈도우 등)은 저장소 README의 운영체제별 설치 명령을 따릅니다.
- 확인: 오류 없이 끝나고 폴더 안에
git clone https://github.com/calesthio/OpenMontage.git
cd OpenMontage
make setup
- 설치를 클로드에게 맡기고 싶다면 아래처럼 요청합니다. 설치 상태를 먼저 확인시키고, 실행할 명령을 미리 보게 하는 쪽이 안전합니다.
- 확인: 설치된 것과 안 된 것이 구분돼 나옵니다. 내 환경의 결과는 다른 사람과 다를 수 있습니다.
Remotion, HyperFrames, OpenMontage가 이 컴퓨터에 설치돼 있는지 확인해 줘. 설치 안 된 것은 각 공식 저장소의 README 안내대로 설치하되, 실행할 명령을 먼저 알려 주고 내가 확인하면 진행해 줘.
- 설치가 안 된 도구가 남았다면 이름을 지정해 다시 요청합니다. 입력창에서 마이크 버튼으로 말해서 입력해도 됩니다.
OpenMontage만 설치가 안 됐어. 설치해 줘.
플러그인과 스킬은 훅(자동 실행 동작)이나 명령을 실행할 수 있으니, 설치 전에 저장소를 먼저 확인하는 습관을 들입니다.
지우려면 HyperFrames는 claude plugin uninstall hyperframes@hyperframes, Remotion 스킬은 npx skills remove <스킬 이름>(스킬 이름은 npx skills list
레퍼런스가 프롬프트보다 결과를 좌우하는 이유
"블랙 앤 화이트 톤으로 심플하지만 임팩트 있게" 같은 요청은 추상적입니다. 클로드가 기준으로 삼을 모양이 없어서 흔한 결과가 나옵니다. 여기에 레퍼런스(따라 할 모션그래픽 영상이나 자료)를 같이 주면 효과, 편집 방식, 자막 형태가 구체적으로 정해집니다.
레퍼런스를 다루는 순서는 이렇습니다.
- 만들 영상의 용도를 정합니다. 편집할 영상이 이미 있는지, 새로 만들 영상인지 먼저 가릅니다.
- 확인: 인트로, 숏폼 자막, 설명 도식처럼 용도가 한 줄로 말해집니다.
- 내 영상 포맷이 있다면 영상의 층(배경, 글자, 효과, 소리)을 하나하나 글로 나눠 적어 줍니다.
- 확인: 요소 목록이 만들어집니다. 클로드가 영상의 모든 요소를 빠짐없이 확인하며 만들 수 있게 됩니다.
- 포맷이 없다면 따라 할 레퍼런스를 찾습니다. 모션그래픽 모음 사이트에는 수백 개 단위로 레퍼런스가 정리된 곳이 있습니다.
- 확인: 마음에 드는 레퍼런스가 정해집니다.
- 레퍼런스의 효과, 편집 방식, 자막 형태를 글로 풀어 클로드에게 예시 자료로 줍니다. 명령을 하나씩 내리는 것보다 작업이 덜 오가고 사용량도 아낄 수 있습니다.
- 확인: 요소별 정리본이 나옵니다. JSON이나 HTML 같은 형식으로 바꿔 두면 클로드가 영상 자체가 아니라 코드와 글로 접근하게 되어 원하는 요소를 반영하기 쉽습니다.
- 주의: 레퍼런스는 구조와 타이밍을 배우는 용도입니다. 남의 영상, 이미지, 음악을 그대로 가져다 쓰지 않습니다.
첨부한 레퍼런스 영상의 효과, 편집 방식, 자막 형태를 요소별로 나눠서 JSON으로 정리해 줘. 나중에 새 영상을 만들 때 예시 자료로 쓸 거야.
모션그래픽 한 편 요청해서 렌더링하기
- 용도와 톤을 담아 첫 요청을 보냅니다.
- 확인: 클로드가 작업을 시작합니다. 타이핑 대신 마이크로 말해도 됩니다.
- 주의: 이 요청만으로는 추상적입니다. 레퍼런스를 함께 지정하는 편이 훨씬 낫습니다.
내 유튜브 채널의 중간 인트로 영상과 마무리 인트로 영상(구독·좋아요 안내)을 모션그래픽으로 만들고 싶어. 블랙 앤 화이트가 우리 채널 톤이니까 맞춰 주고, 심플하지만 임팩트 있게 만들어 줘.
- 레퍼런스 사이트에서 마음에 드는 항목의 참고 자료와 프롬프트를 복사해 클로드 입력창에 붙여 넣습니다.
- 확인: 클로드가 그 레퍼런스를 바탕으로 작업합니다.
- 마음에 드는 항목을 고르기 어렵다면 모음 사이트의 링크를 붙여 넣고 클로드가 고르게 합니다.
- 확인: 컨셉에 맞는 후보를 골랐다는 설명과 함께 후보 영상이 여러 개 만들어집니다. 흑백 미니멀 컨셉으로 요청하면 그 기준으로 후보를 추립니다.
이 링크를 확인하고, 링크에 있는 모션그래픽이나 다양한 레퍼런스 중에서 우리 컨셉과 내가 말한 의도에 가장 적합한 자료를 참고해서 우리만의 영상으로 재가공해서 만들어 보여 줘.
- 만들어진 HyperFrames 결과(중간 인트로, 구독·좋아요·알림 설정을 알리는 마무리 인트로)를 미리 봅니다.
- 확인: 브라우저나 스튜디오 화면에서 재생됩니다. 터미널에서는
npx hyperframes preview로 미리 볼 수 있습니다.
- 확인: 브라우저나 스튜디오 화면에서 재생됩니다. 터미널에서는
- 마음에 들면 렌더링을 요청합니다.
- 확인: MP4 파일이 만들어집니다. HyperFrames 프로젝트라면 직접
npx hyperframes render로도 뽑을 수 있습니다.
- 확인: MP4 파일이 만들어집니다. HyperFrames 프로젝트라면 직접
마음에 들어. 렌더링해서 영상 파일로 뽑아 줘.
시안을 여러 개 받아 고르기
레퍼런스를 하나씩 바꿔 가며 요청하는 것보다, 마음에 드는 레퍼런스 두세 개를 정해 두고 시안을 한꺼번에 받는 쪽이 빠릅니다. 모음 사이트 하나만 잘 써도 웬만한 모션그래픽은 시안까지 뽑을 수 있습니다.
- 요청문에 시안 개수를 적습니다. 첫 요청에 함께 쓰는 쪽이 자연스럽습니다.
- 확인: 시안이 하나가 아니라 여러 개 나옵니다.
이런 비슷한 모션그래픽인데 이런 비주얼이면 좋겠어. 이런 영상으로 시안을 3개 만들어 줘. 또는 시안 4개를 만들어 줘.
- 내가 만든 영상들이 있다면 예시 자료로 함께 줍니다.
- 확인: 클로드가 내 영상의 리듬과 효과를 참고해 작업합니다.
- 효과가 밋밋하면 한 번 더 요청합니다.
- 확인: 효과가 늘어난 새 시안이 만들어집니다.
지금 만든 영상에 효과를 최대한 후킹되고 지루함이 느껴지지 않도록 풍성하게 넣어서 만들어 줘. 계속 진행해.
- 디테일은 캡컷 같은 편집 프로그램에서 마무리하고 업로드합니다. 이 단계는 사람이 직접 합니다.
- 확인: 수정한 부분이 반영된 최종 파일이 있습니다.
이 방식이 잘 맞는 영상과 안 맞는 영상
글자가 움직이고 부딪히고 바뀌는 효과, 단순한 도형과 그래프, 숫자 강조, 인트로와 아웃트로는 잘 맞습니다. 사람이 걸어 올라가는 것처럼 역동적인 인물 움직임이나 과한 액션은 코드로 그리기에 맞지 않아 어색하게 나오기 쉽습니다. 그런 장면은 촬영본이나 생성형 영상 AI로 따로 만들고, 위에 자막과 그래픽만 얹는 식으로 나눕니다.
막혔을 때
- 결과가 평범하고 밋밋합니다. 요청이 추상적이고 레퍼런스가 없었기 때문인 경우가 많습니다. 레퍼런스를 정해 요소별로 풀어 주고 다시 요청합니다.
- 마음에 드는 레퍼런스를 못 찾겠습니다. 모음 사이트 링크를 주고 컨셉에 맞는 것을 클로드가 고르게 합니다.
- 일부 도구가 설치돼 있지 않다고 나옵니다. 클로드에게 설치 상태를 확인시키고, 안 된 도구 이름을 지정해 설치를 요청합니다.
- 긴 안내 문서를 매번 붙여 넣느라 사용량이 많이 듭니다. 문서 파일을 작업 폴더에 넣어 두고 "이 폴더의 문서를 읽고 따라 해 줘"라고 요청합니다.
- 렌더링이 실패합니다. Node.js 22 이상과 FFmpeg가 있는지 먼저 확인합니다. 두 가지가 맞는데도 실패하면 오류 메시지를 그대로 클로드에게 보여 줍니다.
최종 점검표
- 클로드 코드, Node.js, FFmpeg가 준비됐다.
- Remotion, HyperFrames, OpenMontage 중 쓸 도구가 설치됐고, 설치 확인(
/skills,/plugin)을 마쳤다. - 레퍼런스를 지정해 영상 요청을 보냈다.
- 후보 영상을 확인하고 마음에 드는 것을 렌더링했다.
- 필요하면 캡컷에서 마무리했다.
자주 묻는 질문
클로드 영상 제작 오픈소스 3가지는 모두 설치해야 하나요?
아닙니다. 짧은 자막·도식 모션그래픽이면 HyperFrames 하나로, 영상을 React 코드로 정밀하게 다루려면 Remotion으로, 조사·대본·음악까지 제작 전체를 맡기고 싶으면 OpenMontage를 고릅니다. 처음에는 하나로 시작해서 부족한 부분이 생길 때 추가해도 됩니다.
세 도구는 정말 무료인가요?
소프트웨어 자체는 오픈소스라 내려받아 쓸 수 있습니다. 다만 Remotion은 회사 규모에 따라 유료 라이선스가 필요할 수 있고, OpenMontage는 AGPL-3.0 조건이 있습니다. 클로드 코드 사용료는 별도로 들고, 외부 음성이나 음악 서비스를 연결하면 그 비용도 더해집니다.
레퍼런스가 없으면 영상을 만들 수 없나요?
만들 수는 있지만 결과가 평범해지기 쉽습니다. 레퍼런스가 없을 때는 모션그래픽 모음 사이트의 링크를 주고, 내 채널 톤과 의도를 설명한 뒤 클로드가 어울리는 것을 고르게 하는 방법이 있습니다.
인물이 움직이는 영상도 만들 수 있나요?
글자와 단순 그래픽 중심의 편집·모션그래픽에 맞는 방식입니다. 인물이 걷거나 뛰는 복잡한 동작은 어색해지기 쉽습니다. 촬영본이나 영상 생성 AI로 만든 장면 위에 자막과 그래픽을 얹는 용도로 쓰는 편이 안정적입니다.
업로드까지 완전히 자동으로 되나요?
이 글의 순서는 요청, 시안, 렌더링까지입니다. 캡컷에서 디테일을 다듬고 업로드하는 단계는 사람이 직접 합니다.
이 글의 본문은 아래 원본 유튜브 영상의 내용을 바탕으로 쓸모연구소가 다시 정리해 쓴 것입니다. 세부 내용과 최신 정보는 원본 영상과 공식 안내에서 확인해 주세요.
원본 영상 보러가기 ↗