
클로드 코드 스킬로 영상 만들기: 제작 흐름부터 수정·출력까지
클로드 코드 스킬과 Remotion으로 영상 제작 요청부터 미리보기, 수정, 파일 출력까지 연결하는 흐름을 정리합니다. 스킬 선택 기준과 프로젝트 설치 순서, 이용 조건을 확인할 때 살필 항목을 안내합니다.
Hyuk · · 4분 · AI
핵심 요약
- 클로드 코드 스킬로 영상을 제작하려면 작업 지침을 적용할 프로젝트와 실행 환경을 함께 준비해야 합니다.
- 스킬을 고를 때는 실제 출력 파일의 형식과 렌더링 절차, 수정 가능한 프로젝트 코드가 남는지부터 확인하세요.
- 첫 영상은 프로젝트 실행과 미리보기에서 시작해 문구 수정과 파일 출력까지 확인하는 편이 좋습니다.
- 스킬 파일의 라이선스와 Remotion 본체의 이용 조건은 각각 확인해야 합니다.
클로드 코드 스킬로 영상을 만드는 흐름은 생각보다 단순합니다. 자연어로 제작을 요청하면 Claude Code가 제작 지침에 따라 코드를 쓰고, 그 코드를 미리보기에서 확인한 뒤 렌더링해 영상 파일을 얻는 구조예요. 화면을 재생하거나 파일로 출력하는 일은 Remotion 같은 실행 도구가 맡습니다. 문구나 재생 길이를 바꾸고 싶을 때도 요청으로 코드를 고친 다음 다시 출력하면 돼요.
스킬은 SKILL.md에 담긴 작업 지침이고, 필요한 스크립트와 참고 파일을 함께 넣어 둘 수 있습니다. 흔히 헷갈리는 지점은 스킬만 설치하면 영상이 나온다고 여기는 부분이에요. 영상 파일을 만들려면 지침을 적용할 프로젝트와 실행 환경이 따로 준비돼 있어야 합니다. 그래서 처음에는 스킬을 몇 개 갖출지보다 요청에서 출력까지 작업이 어떤 경로로 이어지는지부터 파악해 두길 권해요.
이 스킬이 최종적으로 무엇을 내놓는지부터 보세요
영상 제작용 스킬을 고를 때 가장 먼저 볼 것은 최종 결과물입니다. 브라우저에서 화면이 움직인다고 해서 저장 가능한 영상 파일까지 만들어진다는 뜻은 아니거든요. 웹 화면을 만드는 지침인지, 영상 렌더링까지 지원하는 지침인지만 구분해도 설치 후에 기대가 어긋나는 일을 줄일 수 있어요.

Remotion 공식 스킬 저장소는 작업을 프로젝트 생성, 마크업 작성, 미리보기, 렌더링으로 나눠 둡니다. remotion-create가 프로젝트나 컴포지션을 만들고, remotion-markup은 애니메이션·배치·글자·오디오를 작성하는 지침을 담고 있어요. 컴포지션은 영상의 장면과 재생 조건을 묶는 단위라고 이해하면 충분합니다. 그다음 remotion-studio로 미리보기를 확인하고, remotion-render로 영상이나 정지 이미지를 출력하는 순서로 흘러가요.
이 네 단계 중에서 먼저 살펴야 할 곳은 렌더링입니다.
코드를 만드는 역할과 파일을 출력하는 역할을 따로 떼어 보면 스킬이 어디까지 해 주는지 판단하기가 쉬워져요. 실제로 어떤 형식의 파일이 나오는지, 렌더링은 어떤 절차를 거치는지 확인해 보세요. 수정 가능한 프로젝트 코드가 남는지도 함께 보면, 첫 제작 이후에 작업을 계속 이어갈 수 있을지 가늠하는 데 도움이 됩니다.
첫 영상은 실행부터 문구 수정까지 한 바퀴 돌려 보세요
준비물은 Node.js와 Claude Code입니다. 첫 목표는 거창한 영상이 아니라 프로젝트를 실행하고 미리보기를 여는 데 두는 편이 좋아요. 화면이 열리는 상태를 먼저 확보해 두면, 나중에 문제가 생겼을 때 제작 요청 쪽 문제인지 실행 환경 쪽 문제인지 가르기가 훨씬 수월하기 때문입니다.
스킬을 직접 설치하려면 Remotion 공식 입문 문서를 따라 이 순서로 진행합니다.
npx create-video --yes --blank my-video로 프로젝트를 만듭니다.cd my-video로 프로젝트 폴더에 들어갑니다.npx remotion skills add로 스킬을 설치합니다.npm run dev로 미리보기를 실행합니다.- 별도 터미널에서 같은 프로젝트 폴더로 이동해
claude를 실행하고 제작을 요청합니다.
첫 요청은 짧은 타이틀 영상처럼 고칠 요소가 분명한 대상으로 잡아 보세요. 바뀐 부분이 눈에 잘 띄어야 수정 흐름을 확인하기 좋아요.
“클로드 코드 스킬로 영상 만들기”라는 문구가 등장하는 짧은 타이틀 영상을 만들어 주세요. 미리보기에서 확인할 수 있게 구성해 주세요.
미리보기가 뜨면 문구가 정확히 들어갔는지, 글자가 나타나는 속도가 읽기에 적당한지 봅니다. 다음으로 “문구를 ‘첫 영상 완성하기’로 바꾸고, 전체 재생 길이를 늘려 주세요”라고 요청해 같은 장면이 어떻게 고쳐지는지 지켜보세요. 요청이 실제로 얼마나 반영됐는지는 미리보기에서 직접 확인해야 해요. 수정이 끝났다면 영상 파일로 렌더링해 달라고 요청하고, 만들어진 파일을 재생해 문구와 길이가 의도대로 들어갔는지 마지막으로 확인합니다.
스킬과 Remotion의 이용 조건은 각각 따로 봐야 합니다
공개 저장소에 올라와 있다고 해서 오픈소스라거나 무료로 써도 된다고 판단하면 곤란합니다. 스킬 파일의 라이선스와 Remotion 본체의 이용 조건은 별개이니 각각 확인해 보세요. Remotion 라이선스는 이용 주체에 따라 조건을 달리 두고 있어서, 실제로 쓸 버전에 어떤 규정이 적용되는지도 함께 봐야 해요.

설치와 렌더링이 제대로 돌아갈지, 결과물 품질이 어느 정도일지는 문서만 읽어서는 판단하기 어렵습니다. 본격적으로 제작에 들어가기 전에 짧은 영상 하나로 수정과 출력까지 먼저 확인해 보길 권해요.
자주 묻는 질문
- 클로드 코드 스킬을 설치하면 바로 영상 파일이 만들어지나요?
- 영상 파일을 만들려면 스킬의 지침을 적용할 프로젝트와 실행 환경도 필요합니다. Claude Code가 코드를 작성하고 Remotion 같은 실행 도구가 렌더링해 파일로 출력하는 흐름입니다.
- 만든 영상의 문구나 재생 길이도 자연어로 수정할 수 있나요?
- 문구나 재생 길이를 바꾸도록 요청해 코드를 수정할 수 있습니다. 반영된 내용을 미리보기에서 확인한 뒤 다시 렌더링하고, 출력 파일에서도 의도대로 수정됐는지 살펴보세요.
출처
관련 글
댓글
Giscus를 연결하면 댓글이 열립니다.