AI NOOK
01 / 10
말 한마디로
영상이 나옵니다
Claude Code + Remotion
아이디어를 코드 영상으로
아이디어를 코드 영상으로
Workflow Radar 021호 · 영상 제작
말 한마디로
AI NOOK
02 / 10
편집 타임라인 대신
제작 대화를 만든다
Claude Code가 Remotion 코드를 만들고, 우리는 결과를 보며 장면 단위로 수정한다.
1
아이디어·자료 준비문장, CSV, 이미지 파일
2
자연어로 요청길이·비율·분위기 지정
3
Studio에서 검수수정 → 다시 렌더링
AI NOOK
03 / 10
먼저
Remotion 프로젝트를 만든다
터미널에서 프로젝트를 만들고 Claude Code를 그 폴더 안에서 실행한다.
npx create-video@latest --yes --blank my-video
cd my-video
npm install
npm run dev
AI NOOK
04 / 10
긴 프롬프트보다
결과를 먼저 말한다
이 프로젝트로 PPT를 잘 만드는 방법 3가지를 소개하는
30초 세로 모션그래픽 영상을 만들어줘.
각 팁은 한 화면씩 보여주고,
텍스트가 읽기 쉽게 들어가야 해.
AI NOOK
05 / 10
데이터 파일을 넣으면
그래프도 움직인다
CSV의 날짜와 숫자를 읽어 증가 흐름, 변곡점, 강조 라벨을 영상으로 만든다.
data/subscribers.csv를 확인해줘.
날짜 순서대로 구독자 수가 증가하는
세로 인포그래픽 영상을 만들어줘.
데이터에 없는 수치는 만들지 말고,
누락·중복·날짜 오류를 먼저 알려줘.
AI NOOK
06 / 10
Remotion Studio에서
결과를 바로 확인한다
전체 구성을 눈으로 보고, 문제가 있는 장면만 Claude Code에 다시 요청한다.
✓
텍스트모바일에서도 읽히는가?
✓
모션전환이 너무 빠르지 않은가?
✓
구성한 화면에 메시지 하나인가?
AI NOOK
07 / 10
문제를 발견하면
장면 단위로 고친다
2번 팁 화면의 글자가 너무 작아.
제목은 20% 키우고 본문은 두 줄 이내로 줄여줘.
전환은 0.3초 페이드인으로 수정해줘.
나머지 장면과 데이터는 바꾸지 마.
AI NOOK
08 / 10
모션그래픽부터
나레이션까지
영상에서는 PPT 팁, 비포·애프터, 구독자 그래프, 포켓몬 카드 시세, AI 인포그래픽을 차례로 시연했다.
1
텍스트·숫자카운트업과 그래프
2
자료 파일CSV·이미지 기반 구성
3
음악·음성완성 후 별도 검수
AI NOOK
09 / 10
AI가 만든 숫자와
소리를 다시 확인한다
✓
데이터원본 CSV와 일치하는가?
✓
권리음악·폰트·캐릭터 사용 가능한가?
✓
재생최종 MP4를 끝까지 재생했는가?
AI NOOK
10 / 10
오늘은
30초 데이터 영상을 만들어보자
CSV 하나를 준비하고, 아래 문장을 Claude Code에 넣어보자.
이 폴더의 data.csv를 읽고
날짜별 변화를 보여주는 30초 세로 영상을 만들어줘.
한 화면에 핵심 문장 하나만 넣고,
중요한 변곡점에는 라벨을 붙여줘.
데이터에 없는 수치는 만들지 마.