클로드로 모션그래픽 100개 만드는 스킬 5개
한눈에 보기
| # | 이름 | 하는 일 |
|---|---|---|
| 1 | HyperFrames | HTML로 장면을 짜서 그대로 MP4 영상으로 뽑아줘요 |
| 2 | Remotion | 리액트 코드로 자막·차트·전환 효과까지 영상으로 만들어요 |
| 3 | MCP for Blender | 클로드가 블렌더를 직접 움직여 3D 장면을 만들어요 |
| 4 | Manim Skill | 3Blue1Brown 같은 설명 애니메이션을 나레이션까지 붙여 만들어요 |
| 5 | algorithmic-art | 앤트로픽이 만든 스킬로, 움직이는 배경 아트를 코드로 그려줘요 |
Quick Start
- 다섯 개를 위에서부터 하나씩 설치하면 됩니다. 한 번에 다 하지 않아도 돼요.
/plugin으로 시작하는 줄은 클로드 코드 입력줄에, 나머지는 프로젝트 폴더에서 연 터미널에 붙여 넣어요.- 요청문은 그대로 붙여 넣어도 되고, [대괄호]만 내 상황으로 바꾸면 돼요.
STEP 1 · 2분HyperFrames 로 HTML 장면을 MP4로 뽑는다
헤이젠이 만든 오픈소스예요.
클로드가 HTML과 애니메이션 코드로 장면을 짜면 그대로 MP4로 렌더해요.
설치할 때 Core Skills 묶음만 고르면 돼요.
npx skills add heygen-com/hyperframes
/hyperframes 로 [영상 설명, 예: 신제품 출시를 알리는 15초 세로 모션그래픽, 검은 바탕에 주황 강조]을 만들어 주세요. 장면 구성을 먼저 3~5컷으로 보여 주고, 내가 승인하면 미리보기를 띄운 다음 MP4로 렌더해 주세요.
성공하면 3~5컷 장면 구성이 먼저 나오고, 승인 뒤 미리보기와 MP4 파일이 만들어집니다.
STEP 2 · 2분Remotion 으로 자막·차트·전환까지 코드로 만든다
리액트로 영상을 만드는 Remotion 팀이 직접 관리하는 공식 에이전트 스킬이에요.
클로드가 Remotion 프로젝트를 올바른 방식으로 짜게 해요.
npx skills add remotion-dev/skills
/remotion-best-practices 를 지켜서 [영상 설명, 예: 월별 매출이 막대그래프로 올라가는 10초 영상]을 Remotion 으로 만들어 주세요. 컴포지션 길이와 장면 순서를 먼저 정리하고, 미리보기로 확인한 다음 렌더해 주세요.
성공하면 컴포지션 길이와 장면 순서가 먼저 정리되고, 미리보기 확인 뒤 렌더된 영상이 나옵니다.
STEP 3 · 5분MCP for Blender 로 3D 장면을 말로 만든다
클로드가 블렌더에 직접 연결돼서 3D 모델링, 장면 구성, 재질, 조명까지 말로 시키는 대로 만져요.
옛 이름은 blender-mcp 예요.
블렌더 애드온을 켜야 연결돼요.
claude mcp add blender uvx mcp-for-blender uvx mcp-for-blender install-addon
Blender MCP 로 [장면 설명, 예: 검은 바탕 위에 음료 캔이 천천히 회전하는 제품 장면]을 만들어 주세요. 오브젝트·재질·조명·카메라를 순서대로 잡고, 단계마다 뷰포트 스크린샷을 보여 주세요.
성공하면 오브젝트·재질·조명·카메라를 잡는 단계마다 뷰포트 스크린샷이 돌아옵니다.
STEP 4 · 5분Manim Skill 로 설명 애니메이션에 나레이션까지 붙인다
수학 영상 채널 3Blue1Brown 이 쓰는 Manim 으로 설명 애니메이션을 만드는 스킬이에요.
나레이션 → 음성 → 코드 → 렌더 순서로 클로드가 알아서 진행하고, 자막도 붙여요.
git clone https://github.com/Yusuke710/manim-skill cd manim-skill brew install cairo pkg-config ffmpeg uv sync ln -s "$PWD/skills/manim-skill" ~/.claude/skills/manim-skill
manim-skill 로 [설명할 것, 예: 클로드 코드가 요청을 받아 파일을 고치는 과정]을 1분짜리 설명 애니메이션으로 만들어 주세요. 나레이션 문장을 먼저 보여 주고, 내가 승인하면 렌더해서 영상 뷰어로 띄워 주세요.
성공하면 나레이션 문장이 먼저 나오고, 승인 뒤 렌더된 설명 애니메이션이 영상 뷰어로 열립니다.
STEP 5 · 2분algorithmic-art 로 움직이는 배경을 코드로 그린다
앤트로픽 공식 스킬 저장소에 있는 스킬이에요.
p5.js 로 입자·흐름장 같은 움직이는 그림을 만들고, 시드 값으로 같은 결과를 다시 뽑아요.
npx skills add anthropics/skills -s algorithmic-art -a claude-code -y
algorithmic-art 스킬로 [분위기, 예: 검은 바탕에 주황 입자가 천천히 흐르는] 움직이는 배경을 만들어 주세요. 시드 값과 속도·밀도를 조절할 수 있게 해 주고, 영상 배경으로 쓸 수 있게 1080×1920 세로 크기로 맞춰 주세요.
성공하면 시드·속도·밀도를 조절할 수 있는 1080×1920 세로 배경이 만들어집니다.
다섯 개 한 번에 쓰는 요청문
다섯 개를 다 설치했다면 아래 요청문 하나로 단계별로 나눠 씁니다.
설치한 HyperFrames, Remotion, MCP for Blender, Manim Skill, algorithmic-art 를 모두 써서 [만들 것]을 진행해 주세요. 어느 단계에서 무엇을 쓸지 먼저 표로 보여 주고, 내가 승인하면 순서대로 진행해 주세요.
모션그래픽 100개 뽑는 요청문
한 장면을 완성했다면 글자·색만 바꿔 여러 개로 늘립니다.
HyperFrames 나 Remotion 으로 만든 장면에 그대로 붙여 넣으세요.
방금 만든 장면을 템플릿으로 바꿔 주세요. 글자·강조 색·아이콘만 바뀌는 자리를 변수로 빼고, [변형 목록, 예: 제목 100개가 든 CSV]를 읽어 변형 영상을 한 번에 렌더하는 스크립트를 만들어 주세요. 글자가 화면 밖으로 넘치는 변형은 렌더하지 말고 목록으로 따로 알려 주세요.
자주 막히는 곳
MCP for Blender 가 연결이 안 됩니다.
블렌더를 켜 두고, 블렌더 안에서 애드온이 켜져 있어야 연결됩니다.
install-addon 을 실행한 뒤 블렌더를 다시 켜세요.
Manim Skill 설치에서 brew 를 못 찾습니다.
brew 는 맥용 설치 도구 Homebrew 입니다.
먼저 Homebrew 를 설치하거나, 윈도우라면 ffmpeg 를 따로 설치하세요.
렌더가 오래 걸립니다.
처음에는 길이를 짧게(5~10초) 잡고, 장면 구성이 마음에 들면 길이를 늘리세요.
FAQ
다섯 개를 다 깔아야 하나요? 아닙니다.
세로 쇼츠용 모션그래픽이라면 1번 HyperFrames 하나로 시작하세요.
3D가 필요하면 3번, 설명 영상이면 4번을 더하면 됩니다.
영상 편집 툴이 없어도 되나요? 됩니다.
다섯 개 모두 코드로 장면을 만들고 바로 영상으로 렌더하는 방식입니다.
MCP for Blender 만 블렌더 설치가 필요합니다.
공식 참고 자료
이메일 남기고 전체 바로 보기