Claude 모션 그래픽: 예시, 스킬, 프롬프트 (2026)

Claude는 모션 그래픽을 코드로 작성합니다. 키네틱 타이포, 차트, 로고 스팅, 다이어그램이 움직이고 MP4로 렌더링됩니다. Team·Enterprise 요금제라면 Claude Motion에서, 다른 요금제라면 Claude Code, Codex, Cursor에 모션 그래픽 스킬을 설치해 만들 수 있습니다.

Claude Motion의 요금제와 기능은 Anthropic 도움말 문서와 요금 페이지의 내용을 기준으로 2026년 10월 29일에 마지막으로 확인했습니다. 이 사이트는 독립 사이트이며 Anthropic과 관련이 없습니다.

'Claude motion graphics'란

모션 그래픽은 촬영한 영상이 아니라 글자, 숫자, 도형, 아이콘, 로고를 움직이는 디자인입니다. Claude가 모션 그래픽을 잘 만드는 이유는 하나입니다. Claude는 코드를 쓰고, 모션 그래픽은 코드로 쓸 수 있기 때문입니다. 애니메이션은 글자, 차트, 도형이 시간에 따라 바뀌는 HTML 페이지이고, 렌더러가 이를 브라우저에서 한 프레임씩 재생해 영상으로 저장합니다.

Claude로 만드는 방법은 세 가지입니다.

1. Claude Motion: Team·Enterprise 요금제의 claude.ai에서 쓸 수 있는 Anthropic의 베타 기능입니다. 짧은 애니메이션 설명 영상을 말로 설명하고, 내 보고서·데이터·이미지를 첨부하고, 채팅에서 고친 뒤 MP4로 내보냅니다. 영상 생성 모델이 아니므로 생성된 실사 영상이나 AI가 만든 인물은 나오지 않습니다. 자세한 내용은 Claude Motion 가이드를 보세요.
2. Opus 5.5에 프롬프트 하나: 채팅이나 Claude Code에서 HTML, Canvas, Three.js 페이지로 애니메이션을 요청하는 방법입니다. X에 공유되는 Claude 모션 클립은 대부분 이 방식입니다. 결과는 실행할 때마다 달라지고, 페이지를 녹화하거나 렌더링하는 것은 직접 해야 합니다.
3. 코딩 에이전트의 스킬: Claude 스킬은 지침과 파일을 담은 폴더로, 요청이 맞으면 Claude Code(그리고 Codex, Cursor, Gemini CLI)가 불러옵니다. 모션 그래픽 스킬에는 영상을 구성하는 법, 쓸 룩, 모든 프레임을 검사하는 법, MP4를 렌더링하는 법이 들어 있어 매번 같은 품질로 나옵니다.

Claude 모션 그래픽 예시

저희 스킬로 만든 영상

아래 영상은 모두 코딩 에이전트가 저희 스킬로 실제 자료를 바탕으로 연출하고 렌더링했으며, 음악도 오리지널입니다. 소리는 재생 버튼을 누르면 나옵니다.

단품 룩으로, 샘플 제품용으로 렌더링한 것들:

Claude Motion으로 만들어 X에 공유된 작품

제작자가 직접 올린 실제 Claude Motion 결과물입니다. 카드마다 영상, 만든 사람, 원래 게시물이 연결되어 있습니다.

Opus 5.5에 프롬프트 하나로 만든 작품

스킬 없이 프롬프트 하나만으로 Opus 5.5가 처음부터 HTML 페이지 하나로 작성한 애니메이션입니다.

장면별, 만든 방법별 작품은 갤러리에서 더 볼 수 있습니다.

모션 그래픽용 Claude 스킬

"Claude, 이거 움직여 줘"와 바로 올릴 수 있는 영상 사이의 차이를 메우는 것이 모션 그래픽 스킬입니다. 룩, 템포 규칙, 검사, 렌더링까지 갖고 있어 에이전트가 매번 빈 페이지에서 시작하지 않습니다. 저희 스킬은 두 가지 크기로 나옵니다.

단품 룩은 한 가지 스타일로 한 가지 일을 합니다. 길이는 몇 초에서 30초 정도이며, 타이틀, 로고 스팅, 인쇄물이나 설계도 느낌의 런칭 영상, 종이 공작이나 화이트보드로 그리는 설명 영상이 있습니다. 각 $4.90이며, 어떤 요금제든 전부 포함됩니다.

완성 영상 스킬은 한 가지 영상 유형의 영상 한 편을 통째로 만들고, 여러 스타일이 내장되어 있습니다. 편집에 맞춘 타이틀과 트랜지션, 브랜드 인트로, 데이터 영상, 설명 영상, 세로형 숏폼, 소셜 카드 등입니다.

모든 스킬은 스킬 스토어에 있습니다. 먼저 써 보려면 Motion Director를 쓰세요. Google 로그인만 하면 무료이고, 키네틱 타이포, 데이터 스토리, 화이트보드 중 하나로 어떤 종류든 10–20초 영상을 만듭니다.

Claude Code나 Codex로 모션 그래픽 만들기

필요한 것은 코딩 에이전트(Pro 또는 Max의 Claude Code, Codex, Cursor, Gemini CLI), Node.js 22 이상, FFmpeg, Google Chrome입니다. API 키는 필요 없습니다.

1. 문장 하나로 스킬을 설치합니다. 아무 폴더에서 에이전트를 열고 다음을 붙여 넣으세요.

   Read https://claude-motion.com/skills/motion-director/install.md and follow it to install the "motion-director" skill, then make a first video with it.
   

   에이전트가 npx motion-skills install motion-director 명령 하나를 실행합니다. 처음에는 브라우저에서 Google로 로그인합니다.

2. 용도를 말하고 자료를 알려 줍니다. 예: "CHANGELOG.md의 2.0 노트로 제품 영상에 쓸 15초 16:9 타이틀 시퀀스를 만들어 줘. 브랜드 색상은 brand.css에 있어." 스킬은 화면에 보여 줄 모든 문구와 숫자를 출처와 함께 정리합니다.

3. 키 프레임을 승인합니다. 만들기 전에 스타일과 팔레트를 고르고 프레임 한 장을 보여 줍니다. 영상보다 프레임 한 장이 고치기 훨씬 빠릅니다.

4. 제작, 검사, 작곡을 맡깁니다. HTML과 GSAP로 애니메이션을 작성하고, 자기 프레임을 다시 보고, 모든 문구를 자료와 대조하고, 오리지널 음악을 씁니다.

5. 수정은 평소 말로 요청합니다. "로고를 더 오래 보여 줘", "우리 초록색으로 바꿔 줘". 그 장면만 고쳐서 다시 렌더링합니다.

6. 파일을 받습니다. 게시용 MP4, 또는 편집 프로그램에서 영상 위에 얹을 수 있는 투명 배경 MOV. GIF와 WebM도 됩니다.

Codex에서는 같은 스킬이 ~/.agents/skills/에, Cursor에서는 .cursor/skills/에 들어갑니다. 설치 가이드가 사용하는 에이전트가 읽는 위치에 넣어 줍니다. 실제 영상 한 편을 브리프부터 마지막 수정까지 따라가는 전체 과정은 Claude Code로 영상 만드는 방법을, 다른 에이전트는 Codex, Cursor, Gemini CLI로 영상 만들기를 보세요.

Claude 모션 그래픽 프롬프트

설치보다 프롬프트가 편하다면 Claude Motion 프롬프트 페이지에 미리보기가 있는 스타일 프롬프트가 있고, 각각 실행 위치가 표시되어 있습니다: Claude Motion용 프롬프트, Opus 5.5용 프롬프트. 좋은 모션 그래픽 프롬프트에는 누가 어디서 보는지, 길이, 어떤 내용을 쓸지, 어떻게 끝나는지가 들어갑니다. Claude Motion이라면 예를 들어 이렇게 씁니다.

[누가 보는지, 예: YouTube 제품 영상 시청자]를 위한 15초 16:9 키네틱 타이포 타이틀을 만들어 줘. 이 문구만 사용해: [제목, 예: "더 빠르게 출시"], [부제목, 예: "버전 2.0"]. 한 박자에 한 단어, 색상은 [예: 검정과 라임], 스톡 이미지는 쓰지 마. 마지막은 제목으로 끝내고 2초 동안 멈춰.

[대괄호]를 내 문구로 바꾸세요. 스킬은 더 간단합니다. 나머지는 스킬에 들어 있으니 자료와 문장 하나면 됩니다.

자주 묻는 질문

Claude로 모션 그래픽을 만들 수 있나요?

네. Claude는 모션 그래픽(움직이는 글자, 차트, 도형, 로고)을 코드로 작성하고, 그 코드가 영상으로 렌더링됩니다. Team·Enterprise의 Claude Motion에서는 claude.ai에서 MP4를 내보내고, Claude Code, Codex, Cursor에서는 모션 그래픽 스킬이 내 컴퓨터에서 MP4를 렌더링합니다.

모션 그래픽용 Claude 스킬이 있나요?

네. 모션 그래픽 스킬은 코딩 에이전트가 불러오는 지침과 파일의 폴더입니다. 저희 단품 룩(키네틱 타이포 타이틀, 로고 스팅, 런칭 영상)과 완성 영상 스킬(타이틀과 트랜지션, 브랜드 인트로, 데이터 영상) 등이 있습니다. Motion Director는 Google 로그인만 하면 무료입니다.

Claude로 모션 그래픽을 만들려면 Claude Motion이 필요한가요?

아니요. Claude Motion은 Team·Enterprise 요금제 전용 베타 기능입니다. Pro나 Max에서는 Claude Code와 모션 그래픽 스킬로 같은 종류의 애니메이션을 만들어 내 컴퓨터에서 렌더링할 수 있고, 무료 요금제에서는 Codex, Cursor, Gemini CLI에서 스킬을 쓰면 됩니다.

결과물을 Premiere, Final Cut, CapCut에서 쓸 수 있나요?

네. 스킬은 MP4를 렌더링하고, 내 영상 위에 얹는 타이틀, 하단 자막, 스팅용으로 투명 배경 MOV도 렌더링합니다. GIF와 WebM도 있습니다.

비용은 얼마인가요?

Motion Director는 무료입니다. 단품 룩과 완성 영상 스킬은 각 $4.90이며, 요금제로 모든 스킬을 쓸 수도 있습니다: 월 $9.90, 연 $79, 또는 창립 평생 이용권 $169 1회 결제. 크레딧은 없고, 사용량은 에이전트 자체 사용량뿐입니다.

실사 같은 영상이나 사람이 나오는 모션 그래픽도 만들 수 있나요?

아니요. Claude Motion은 실사 영상이나 인물을 생성하지 않고, 저희 스킬도 마찬가지입니다. 움직이는 것은 글자, 차트, 도형, 그리고 내 스크린샷과 사진입니다. 촬영이 필요한 장면은 직접 촬영하고 그 위에 모션 그래픽을 얹으세요.

더 읽어 보기

• Claude로 영상을 만들 수 있을까?: Claude가 만들 수 있는 것과 없는 것, 그리고 세 가지 방법.
• Claude Motion이란?, Claude Motion 이용 조건과 요금.
• HyperFrames와 Remotion 비교: 코드로 영상을 만드는 대표적인 두 엔진.
• Claude Motion 대안: 코드 프레임워크부터 브라우저 앱까지.

Claude는 Anthropic, PBC의 상표입니다. 갤러리의 영상은 각 제작자에게 귀속됩니다.