내 강의 영상 스타일을 Claude로 재사용하기 — Remotion 스킬 비교와 제작 프롬프트 7개

직접 구현한 30.9초 샘플

아래 제작 명세를 바탕으로 Codex에서 Remotion·React를 직접 구현한 결과입니다. 1920×1080, 30fps이며 Google Cloud TTS 한국어 합성 음성을 연결했습니다. 제목 → 세 가지 기준 → 예시 표 → 원문 확인의 네 장면으로 구성했습니다. YouTube에서 샘플 보기

스타일 참고 영상

참고 영상: AI오토마타, 「보고서, 논문 요약 1분 컷! 구글 제미나이 프롬프트 비법 공개」 · 7분 33초. 조사 기준일: 2026년 10월 14일.

이미 만들어 둔 강의 영상의 느낌을 유지하면서 주제만 바꿔 계속 제작할 수 있을까요? 큰 한글 제목, 표로 정리한 프롬프트, 핵심어 강조가 중심이라면 Remotion 공식 스킬을 바탕으로 반복 사용 가능한 강의 장면을 만드는 방식을 먼저 권합니다. 참고 화면을 분석하는 스킬은 기획에, 제품 시연 스킬은 실제 사용 화면을 설명할 때 보조로 쓰면 됩니다.

이 글은 위 영상의 화면과 공개된 스킬 문서를 비교한 제작 가이드입니다. 아래 프롬프트는 AI오토마타가 이 용도에 맞게 새로 작성했습니다. 공개 스킬 자체의 설치·실행을 모두 시험한 사용기는 아닙니다. 이 글의 제작 명세를 바탕으로 Codex에서 Remotion을 직접 구현해 위 30.9초 샘플을 렌더링했습니다. 참고 영상의 제작 프로그램은 화면만으로 단정하지 않습니다.

1. 이 영상에서 재사용할 것은 무엇일까

공개 자막은 이번 확인에서 제공되지 않았습니다. 따라서 전체 내레이션을 받아 적어 분석한 것이 아니라, 플레이어의 대표 장면을 직접 확인했습니다. 다음 시간대는 시각적 구성의 근거입니다.

확인 지점	관찰한 화면	새 영상에 적용할 규칙
1:30	흰 바탕, 큰 제목, 네 항목 목록, 앞부분 핵심어에 옅은 파란 강조	한 장면에 한 질문. 목록은 3~4개로 제한
3:46	기술 이미지 배경 위 밝은 표. 역할·목표·출력·원칙에 노란 강조	배경과 글자 층을 분리하고 표의 해당 행만 강조
6:02	흰 말풍선 안 큰 인용문, 일부 단어를 노란색으로 강조	마무리는 한 문장과 다음 행동만 제시

이 세 장면에서 공통으로 보이는 것은 읽기 쉬운 설명 카드입니다. 움직임의 정확한 속도나 모든 전환 효과를 이 정지 화면만으로 측정한 것은 아닙니다. 아래에서 제안하는 페이드 시간, 글자 크기와 색상값은 재현을 위한 새로운 제작 기준입니다. 원영상의 설정값을 추출한 수치가 아닙니다.

2. 찾아본 스킬 세 가지와 선택 기준

후보	문서에서 확인한 역할	이번 강의에 대한 판단
Remotion 공식 Agent Skills	프로젝트 생성, 레이아웃·글자·음성·타이밍, 미리보기와 렌더링 안내	주 제작 도구로 추천. 반복되는 제목·표·요약 장면을 템플릿화하는 데 적합
charlie947 / motion-graphics-skills	브랜드 설정과 참고 영상 분석을 위한 여러 스킬	스타일 기획 보조. reference-to-motion으로 장면 지시를 정리하되 실행 도구와 구분
JagZ999 / explainer-video	스크린샷·시연을 확대·이동하는 HTML/SVG 설명 영상, 음성 결합	실제 앱 사용 설명에 적합. 큰 글자 위주의 강의에는 효과를 줄이는 설정 필요

첫 번째는 Remotion 유지관리자가 제공하는 문서이고, 나머지 두 가지는 커뮤니티 제작자의 공개 저장소입니다. 공식 Claude 기능과 동일하게 취급하지 않습니다. 한꺼번에 설치하기보다 한 가지 제작 흐름을 정한 뒤 30초 샘플로 판단하는 편이 좋습니다.

Remotion 문서에는 remotion-create, remotion-markup, remotion-studio, remotion-render, remotion-captions 등이 안내됩니다. 이 글의 추천은 “한국어 강의 전용 완제품이 있다”는 뜻이 아니라, 그 기능 위에 우리의 장면 규칙을 얹자는 제안입니다. 공식 스킬 목록

reference-to-motion의 실제 SKILL.md는 참고 자료에서 장면 속도·전환·글자·색을 구분하고 시간대별 제작 프롬프트를 작성하도록 되어 있습니다. 이 스킬 자체가 MP4 렌더러는 아닙니다. 문서에는 Claude Motion이라는 대상 환경도 언급되므로 일반 Claude 채팅에서 동일하게 실행된다고 가정하지 않습니다. 우리는 분석 결과를 Remotion 제작 지시로 옮기는 용도로 활용할 수 있습니다. 원본 SKILL.md

JagZ999의 실제 SKILL.md는 화면 확대, 이동, UI 요소 강조와 음성 시간 맞추기를 다룹니다. 참고 영상과 똑같은 스타일은 아니지만 “파일 첨부 → 프롬프트 입력 → 결과 확인” 장면에 적용할 수 있습니다. 문서의 macOS용 음성 명령은 Windows에서 그대로 쓸 수 없으므로, 기존에 사용하던 음성 파일을 연결하는 방식이 현실적입니다. 원본 SKILL.md

3. 설치 안내와 제작 실행은 구분하기

아래는 Remotion 공식 Claude Code 플러그인 안내의 설치 경로입니다. Claude 데스크톱에서는 Code → Customize → Plugins → Discover에서 remotion을 찾고, 제공자가 remotion-dev/claude-code-plugin인지 확인합니다. 터미널에서 설치하는 경우는 다음 두 줄입니다.

claude plugin marketplace add remotion-dev/claude-code-plugin
claude plugin install remotion@remotion

설치 후 Claude Code를 다시 시작하고 영상 작업 폴더에서 /remotion:remotion-create를 호출합니다. 공식 스킬만 추가하는 별도 경로는 npx skills add remotion-dev/skills입니다. 두 경로를 모두 실행해야 한다는 뜻은 아닙니다. 웹 채팅에 폴더 경로를 적는 것만으로 로컬 파일 접근이나 렌더링 환경이 생기지는 않습니다.

커뮤니티 팩의 README는 npx skills add charlie947/motion-graphics-skills를 제시합니다. 다만 저장소 소개·본문·목록의 스킬 개수 표기가 서로 달라 이 글은 총개수를 홍보 수치로 사용하지 않습니다. 필요한 개별 SKILL.md의 존재와 역할을 기준으로 선택합니다. JagZ999 프로젝트는 README의 플러그인 설치 안내와 요구 환경을 먼저 확인하세요. 두 저장소는 MIT로 표시되지만, 외부 음성·음악·폰트·이미지는 각각의 조건이 적용됩니다.

Remotion 본체는 자체 라이선스를 사용하므로 사용 조직과 버전에 맞는 공식 라이선스를 별도로 확인합니다. 스킬이 공개되어 있다는 이유만으로 모든 제작 재료와 서비스까지 무료라고 볼 수는 없습니다.

4. 한 편을 만드는 순서: 원고 → 장면 → 음성 → 영상

먼저 원고에서 독자가 얻을 결과를 정하고, 제목·목록·표·실습·마무리의 다섯 장면 유형으로 나눕니다. 그다음 화면에 보일 짧은 문장과 읽어 줄 설명을 분리합니다. 음성을 확정한 뒤 실제 길이에 맞춰 장면을 배치해야 말이 끝나기 전에 화면이 넘어가는 일을 줄일 수 있습니다.

제안하는 첫 샘플
주제: 보고서를 요약할 때 목적·형식·근거를 함께 지정하기
30초, 1920×1080, 30fps, 4장면. 흰색 카드·진한 글자·파랑과 노랑 강조. 음성이 준비되지 않았다면 무음 미리보기로 스타일부터 확인합니다.

긴 강의에서는 단락을 나누고 실제 발화 길이에 맞춰 시간을 늘립니다. 7분 33초라는 참고 영상 길이를 새 원고에 기계적으로 적용할 필요는 없습니다. 다음 프롬프트의 대괄호 입력칸을 바꾸면 교사 연수, 직장인 실무, 공공기관 안내에도 쓸 수 있습니다.

5. 복사해서 쓰는 제작 프롬프트 7개

01 · 참고 화면을 제작 규칙으로 분석

내가 첨부한 참고 영상 또는 시간대별 화면을 분석해 줘.
[참고] https://youtu.be/yH8GOTbMlyA
[목적] 큰 한글 제목과 설명 카드를 사용하는 교육 영상의 재사용 규칙 만들기
[새 주제] 보고서 요약 프롬프트의 목적·형식·근거
관찰한 사실과 네가 제안하는 설정을 구분해.
제목/본문/표/강조색/여백/배경 복잡도/장면 유형을 표로 정리해.
정지 화면만 있다면 움직임 속도와 전환을 관찰했다고 쓰지 마.
링크를 읽을 수 없으면 첨부된 화면만 분석하고 확인 범위를 밝혀.
결과: 관찰표, 재사용할 규칙 8개, 추가로 필요한 자료 목록.
새 영상의 문장은 새로 쓰고 참고 영상의 제작 프로그램은 추정하지 마.

02 · 강의용 스타일 명세 작성

다음 기준으로 강의 영상 스타일 명세를 작성해 줘. 이것은 새 제작 기준이다.
[이름] AI오토마타 설명 카드
[화면] 1920×1080, 30fps, 16:9
[색] 배경 #F5F7FB, 카드 #FFFFFF, 글자 #172033, 파랑 #2563EB, 노랑 #FDE047
[글꼴] 사용 권한과 설치 여부를 확인한 한글 고딕체
[시작값] 제목 64px, 본문 42px, 출처 26px. 실제 렌더 화면에서 조정.
[배치] 좌우 100px 이상 여백. 한 화면 4항목 이내. 표는 4행 이내.
[움직임] 짧은 페이드와 작은 위치 이동. 읽는 동안 글자는 정지.
[강조] 한 번에 한 핵심어 또는 표의 한 행만 강조.
[배경] 상세 그림은 카드 밖에 두고 글자 뒤는 단순하게.
제목 카드, 목록 카드, 프롬프트 표, 실습 화면, 마무리 카드의 배치 규칙을 써 줘.
색·글자·간격·시간을 한곳에서 바꿀 수 있는 설정 구조도 제안해 줘.

03 · 블로그 글을 장면표와 대본으로 변환

아래 원고를 교육 영상 장면표로 바꿔 줘.
[원고] 여기에 검토한 블로그 글을 붙여 넣기
[대상] 처음 AI를 사용하는 직장인
[학습 결과] 목적·출력 형식·출처 확인 조건을 포함한 프롬프트를 작성한다.
[길이] 우선 30초 샘플. 전체판 길이는 내레이션 확정 뒤 계산.
장면마다 id, 화면 문장, 내레이션, 그림/표 유형, 강조할 단어, 출처, 예상 시간을 써 줘.
한 화면은 한 주장만 담고, 화면 문장을 내레이션 전체로 채우지 마.
자료에 없는 수치나 성능을 만들지 마. 예시 결과는 실제 실행 결과와 구분해.
끝에는 블로그의 전체 프롬프트를 복사해 직접 실행하라는 행동을 넣어 줘.

04 · Remotion으로 30초 샘플 제작

/remotion:remotion-create
다음 내용으로 30초 한국어 강의 샘플을 만들어 줘.
1920×1080, 30fps. 흰 카드, 진한 글자, 파랑·노랑 강조. 한글이 깨지지 않는 폰트를 확인해.
0~5초: 제목 “요약 전에 세 가지를 정하세요”
5~13초: 세 카드 “누가 읽나요?” “어떤 형태인가요?” “근거는 어디인가요?”를 차례로 강조
13~24초: 표 3행. 목적=팀장 보고 / 형식=핵심 3개와 실행 과제 / 근거=원문 쪽수
24~30초: “프롬프트를 복사하고 원문과 대조하세요”와 마무리
문자는 이미지에 그려 넣지 말고 편집 가능한 텍스트로 배치해.
예시 표는 개념 설명이며 실제 서비스 실행 화면처럼 꾸미지 마.
내레이션 파일이 없으면 무음 샘플로 표시하고 임의로 목소리를 선택하지 마.
장면별 이미지, 미리보기, 렌더 가능한 소스, MP4를 만들어 줘.
오버플로·글자 깨짐·장면 길이를 확인하고 실제 실행한 검사와 미실행 검사를 구분해 보고해.

05 · 기존 음성과 장면 시간 맞추기

완성된 화면에 내가 제공한 음성을 연결해 줘.
[음성 파일] 여기에 파일을 첨부하거나 접근 가능한 경로 입력
[대본] 실제 녹음에 사용한 문장 첨부
파일의 실제 길이를 측정하고 문장별 시작·끝 시각을 확인해.
목소리를 바꾸거나 복제하지 말고 제공한 파일을 사용해.
강조는 해당 단어의 발화에 맞추되, 문장 끝에 읽을 여유를 둬.
예상 시간과 실제 음성이 다르면 장면 길이를 조정하고 글자를 급히 넘기지 마.
단어 시각이 없으면 정확한 동기화라고 쓰지 말고 수동 검토할 구간을 표시해.
최종 영상에서 음성 잘림, 무음, 화면 전환 어긋남을 확인해.

06 · 실제 서비스 화면을 설명 장면으로 추가

explainer-video를 활용할 경우 다음 조건으로 한 장면만 만들어 줘.
[입력] 직접 캡처한 서비스 화면 3장과 기능 확인 메모
[흐름] 파일 선택 → 프롬프트 입력 → 결과 확인
밝은 강의 카드 스타일을 유지하고 확대는 설명하는 영역에만 적용해.
화면에 없는 버튼이나 기능을 만들어 넣지 마.
재구성한 UI라면 “이해를 위한 재구성”이라고 표시해.
이름·이메일·내부 문서는 제거된 이미지로 작업해.
내가 제공한 음성이 있으면 연결하고 없으면 무음 샘플로 만들어.
표와 한글이 읽히는지 확인한 뒤, 기존 강의에 삽입할 짧은 MP4와 소스를 저장해.

07 · 검수하고 문제가 있는 장면만 수정

완성 영상을 처음부터 끝까지 검수해 줘.
1. 모바일 크기에서도 핵심 문장이 읽히는가?
2. 표·제목·자막이 화면 밖으로 나가거나 겹치지 않는가?
3. 한글 줄바꿈이 단어를 어색하게 끊지 않는가?
4. 내레이션과 강조 대상이 일치하는가?
5. 실제 실행 결과와 설명용 예시를 구분했는가?
6. 출처와 재료 이용 조건이 기록됐는가?
7. MP4에 음성이 실제로 들어 있고 끝 문장이 잘리지 않는가?
문제마다 시각, 관찰 사실, 수정안을 표로 써 줘.
문제 장면만 수정하고 정상 장면은 유지해.
수정 뒤 해당 구간을 다시 재생해 확인해. 확인하지 못한 항목은 미확인으로 남겨.

6. 예시 입력과 결과는 이렇게 준비합니다

예시 입력은 실제 회사 보고서 대신 연습용 문서로 시작할 수 있습니다. 예를 들어 1쪽에 “이번 달 처리 지연 3건, 원인은 승인 대기”, 2쪽에 “다음 달 담당자 확인 절차 추가”라고 적힌 모의 보고서를 만듭니다. 이는 설명을 위한 가상 자료입니다.

요청 예시: “팀장 보고용으로 핵심 사실과 실행 과제를 표로 정리하고 각 항목에 원문 쪽수를 붙여 주세요. 문서에 없는 수치는 추정하지 마세요.” 기대 출력의 형태는 “처리 지연 3건 / 원인 확인 / 1쪽”, “담당자 확인 절차 추가 / 후속 과제 / 2쪽” 같은 행입니다. 실제 모델 출력은 이 예시와 다를 수 있으므로 원문과 대조합니다.

영상에서는 이 전체 프롬프트를 작은 글자로 몰아넣기보다 목적·형식·근거 세 칸을 보여 줍니다. 블로그에는 전체 문장과 수정 프롬프트를 남기면 독자가 직접 실행할 수 있습니다. 결과에 근거가 빠졌다면 “각 행의 근거 쪽수를 다시 확인하고, 찾지 못한 항목은 근거 미확인으로 표시해 주세요”라고 보완합니다.

7. 실제 운영에서는 무엇을 남겨야 할까

한 편이 끝나면 원고, 장면표, 스타일 설정, 사용한 음성, 렌더 소스, 완성 MP4, 출처 목록을 함께 보관합니다. 다음 글에서는 원고와 사례만 바꾸고 장면 유형은 재사용합니다. 스킬 이름보다 중요한 것은 우리 채널의 읽기 쉬운 한글 화면과 검수 기준이 파일로 남아 있는가입니다.

실제 제작에서는 Remotion·React로 30.9초 샘플을 렌더링하고 한국어 합성 음성을 연결했습니다. 네 대표 장면의 한글 배치와 전체 파일의 디코딩을 확인했습니다. Claude 플러그인 자체의 실행과 장시간 렌더 안정성, 음성의 청취 품질 평가는 별도 검증이 필요합니다.

출처와 이어 읽기

앞선 글 이미지·음성·음악으로 30초 교육 영상 만들기가 제작 재료를 준비하는 과정이었다면, 이번 글은 같은 강의 스타일을 반복해서 만드는 스킬 선택과 장면 템플릿에 초점을 맞춥니다.

AI 오토마타