클로드 코드 리모션 영상 만들기: 설치부터 프롬프트 작성까지

클로드 코드(Claude Code)에 리모션(Remotion)을 붙여 영상을 만드는 방법을 설치, 프롬프트 작성, 폰트 적용 순서로 정리했습니다. 인스타나 유튜브에 올릴 1분짜리 영상 하나 만드는 데 3시간씩 쓰던 작업이 프롬프트 몇 줄로 끝납니다. 릴스, 쇼츠, 롱폼까지 다 되고, 코딩을 따로 배우거나 API(프로그램끼리 기능을 주고받는 연결 창구)를 세팅할 필요도 없습니다.

클로드 코드와 리모션은 무엇을 하는 도구인가

Claude Code는 Anthropic의 AI 클로드가 내 컴퓨터에서 직접 파일을 만들고 명령을 실행해 주는 작업 도구입니다. Remotion은 React(웹 화면을 만드는 프로그래밍 도구) 코드로 영상을 그려내는 도구입니다. 둘을 합치면 코드는 Claude Code가 쓰고, 우리는 프롬프트(AI에게 입력하는 지시문)만 씁니다. 화면 비율과 길이, 장면 수, 컨셉을 말로 지시하면 영상이 나옵니다.

핵심은 단순합니다. Claude Code에 Remotion을 설치해두고, 원하는 영상을 문장으로 설명하면 끝입니다. 강의용 그래프 영상도, 로고를 넣은 홍보 릴스(인스타그램의 짧은 세로 영상)도 같은 방식으로 뽑아냅니다.

리모션 설치 방법: 준비물 3가지

필요한 건 세 가지입니다. Claude Code, Remotion, 그리고 Node.js. Node.js는 Remotion 같은 자바스크립트 프로그램을 내 컴퓨터에서 돌아가게 해 주는 실행 환경입니다.

설치 순서는 이렇습니다.

1. 구글에 "Claude Download"를 검색해 Claude 앱을 받아 설치하고 로그인합니다. Claude Code는 유료 요금제에서 쓸 수 있으니 요금제도 미리 확인해 둡니다.
2. Node.js가 없다면 "Get Node.js"에서 자기 OS(윈도우, 맥)에 맞는 버전을 따로 받아 설치합니다.
3. Remotion 사이트에 들어가 Docs를 엽니다. Setup(AI) 항목에서 Coding Agent를 누르면 설치용 코드가 나옵니다.
4. 확인한 코드를 복사해 Claude Code 입력창에 붙여넣고 Enter를 칩니다. 이제 Claude Code 안에서 Remotion을 쓸 수 있습니다.

Node.js가 제대로 깔렸는지는 터미널(명령어를 글자로 입력하는 창)에서 확인합니다. 맥은 응용 프로그램 > 유틸리티 > 터미널, 윈도우는 시작 메뉴에서 PowerShell을 찾아 엽니다. 창에 아래를 치고 Enter를 눌러 버전 숫자가 나오면 됩니다.

node -v

Claude Code의 모드나 모델 같은 기본 세팅은 미리 잡아둬야 합니다. 모드는 Claude Code가 파일을 고치거나 명령을 실행하기 전에 매번 허락을 받을지 정하는 설정이고, 모델은 어떤 버전의 클로드를 쓸지 고르는 설정입니다. Claude Code 자체가 낯설다면, 고정 댓글에 걸린 7분짜리 Claude Code 가이드 영상을 먼저 보고 오는 걸 권합니다.

클로드 코드로 리모션 영상 만드는 3가지 예시

자료를 넣고 영상 4편 뽑기

가지고 있는 자료를 붙여넣습니다. 발표자가 예로 든 자료는 음악 AI 가이드였습니다. 여기에 "16:9 비율, 5초, 4편, 그래프와 애니메이션, 화면 전환 효과"를 지시했더니 강의·유튜브용 영상 4편이 나왔습니다. 16:9는 유튜브 기본 화면인 가로 비율입니다.

이미지를 모션 그래픽으로

정적인 이미지를 드래그 앤 드롭(마우스로 끌어다 놓기)으로 넣고, 모션 그래픽 효과를 달라고 지시합니다. 모션 그래픽은 글자, 도형, 이미지가 움직이는 그래픽 영상입니다. 멈춰 있던 이미지가 움직이는 영상으로 바뀝니다.

원하는 폰트 입히기

이 부분이 좀 손이 갑니다. 눈누는 무료 한글 폰트를 모아 둔 사이트입니다.

1. 구글에 "눈누"를 검색합니다.
2. 상단 무료 폰트로 들어가 폰트를 고릅니다. 상업적 사용 범위를 꼭 확인하세요.
3. 다운로드 페이지 이동을 눌러 파일을 받습니다.
4. 받은 폰트 파일을 my-video의 public 폴더에 넣습니다. my-video는 Remotion을 설치할 때 기본으로 생기는 작업 폴더입니다.
5. Claude Code에 그 폰트로 영상을 만들라고 지시합니다.

리모션 영상 프롬프트에 꼭 넣을 4가지

시행착오를 줄이려면 네 가지는 반드시 담아야 합니다.

• 화면 비율
• 영상 길이
• 장면(장면 개수)
• 전체 컨셉

여기까지가 필수입니다. 영상 스타일이나 화면 전환, 애니메이션 효과 같은 디테일은 그 위에 얹으면 됩니다.

비용과 속도: 사용량과 제작 시간

발표자는 가장 저렴한 프로 요금제를 씁니다. 앞에서 영상 4편을 만들 때 기본 사용량의 3% 정도가 빠졌습니다. 한 편 만드는 데 걸린 시간은 2~3분. 크레딧(요금제에 포함된 사용량)이든 속도든 부담스러운 수준은 아니었습니다.

public 폴더가 핵심인 이유

Claude Code에 그냥 드롭한 자료는 참고용으로만 쓰입니다. 반면 public 폴더에 넣은 자료는 렌더링(편집 내용을 실제 영상 파일로 뽑아내는 과정) 소스 그 자체로 들어가서 훨씬 안정적입니다. 폰트, 이미지, 영상 다 마찬가지입니다.

이걸 활용하면 로고 이미지를 public 폴더에 넣어두고 홍보용 릴스나 쇼츠를 계속 찍어낼 수 있습니다.

수정도 실시간입니다. 결과물을 보고 "글자를 키워라", "톱니바퀴를 넣어라" 하면 반영됩니다. 만든 영상은 왼쪽 사이드바에 뜨고, Assets를 누르면 public 폴더 파일을 확인하고 다운로드할 수 있습니다.

리모션 프롬프트를 더 잘 쓰는 법

Remotion의 "dev prompt" 사이트에 다양한 컨셉이 올라와 있습니다. 마음에 드는 스타일을 복사해 붙여넣으면 비슷한 영상을 바로 만들 수 있습니다. 그 프롬프트를 ChatGPT나 Claude에 넣고 컨셉을 바꿔달라고 하면, 자기 스타일로 업그레이드한 프롬프트가 나옵니다.

리모션으로 못 만드는 영상: 생성형 영상 AI와의 차이

Remotion은 React 코드로 영상을 만듭니다. 그래서 Kling 같은 생성형 영상 도구(문장이나 사진을 넣으면 AI가 실사 같은 장면을 새로 그려 내는 서비스)가 뽑아내는 화려하고 복합적인 영상은 못 만듭니다. 그래프, 텍스트 애니메이션, 모션 그래픽처럼 코드로 그릴 수 있는 영역이 강점입니다. 무료 구글 영상 AI 활용법은 고정 댓글을 참고하면 됩니다.

출처: youtube.com/…