읽는 데 7분 · 2026-10-20 공개 · 써매 @ssumae.ai

클로드에게 «홍보 영상 만들어줘» 하면 «저는 영상 파일을 직접 만들 수 없어요, 대본을 써 드릴게요» 가 돌아오죠. 그건 클로드가 영상을 못 만들어서가 아니라 영상으로 뽑아 주는 도구(손)를 안 달아 줬기 때문이에요. 클로드는 화면을 코드로 짜는 건 잘하거든요. 그 화면을 움직이고 MP4 로 뽑아 주는 도구만 있으면 돼요.

이 자료는 클로드가 직접 움직이는 영상을 만들게 해 주는 도구 다섯 개 — HyperFrames · Remotion 스킬 · motion-graphics · Manim MCP · Blender MCP — 를 설치하고 바로 쓰는 순서를 담았어요. 다섯 개 모두 오픈소스라 무료이고, API 키도 필요 없어요.

Quick Start

다 깔 필요는 없어요. 만들고 싶은 영상에 맞춰 골라 쓰면 돼요.

• 처음이라면 STEP 1(HyperFrames) 부터. 홍보 영상·자막 영상·제품 소개를 가장 쉽게 뽑아 줘요.
• 숫자·그래프·차트가 움직이는 영상이라면 STEP 2(Remotion 스킬).
• 박자에 맞춰 글자가 튀는 «광고 느낌» 과 효과음까지 원하면 STEP 3(motion-graphics).
• 수학·경제처럼 설명이 필요한 영상이라면 STEP 4(Manim MCP).
• 제품을 3D 로 빙글빙글 돌리고 싶다면 STEP 5(Blender MCP).

💡 먼저 깔아 둘 것: Node.js(22 이상 권장)와 FFmpeg. 영상을 MP4 로 굽는 데 필요해요. 모르겠으면 클로드에게 «Node.js 와 FFmpeg 깔려 있는지 확인하고 없으면 설치 방법 알려줘» 라고 하면 돼요.

💡 STEP 4·5 는 «MCP» 예요. 설치한 다음 클로드 코드를 한 번 껐다 켜야 보여요. 켠 뒤 /mcp 를 치면 연결된 목록이 나와요.

STEP 1 · 3분

HyperFrames 로 클로드가 짠 화면을 그대로 MP4 영상으로 뽑는다

이 단계에서는 «영상은 못 만들어요» 라는 대답을 막아요. HyperFrames 는 HTML·CSS 로 짠 화면과 움직임을 그대로 MP4 영상으로 구워 주는 도구예요. README 첫 줄이 «Write HTML. Render video. Built for agents.» — AI 에이전트가 쓰라고 만든 거예요. 제품 출시 영상, 자막 들어간 SNS 영상, 차트 애니메이션 같은 걸 만들 수 있어요.

⚡ 01 · 설치 (클로드 코드 창이 아니라 터미널에서)

claude plugin marketplace add heygen-com/hyperframes
claude plugin install hyperframes@hyperframes

⚡ 02 · 바로 쓰기 (클로드 코드에서)