Motion Skills

Claude Design과 Claude HTML을 MP4로

Claude Design에서 내보낸 .zip을 끌어다 놓거나 Claude가 채팅에서 쓴 HTML을 붙여 넣고 MP4, GIF, 투명 WebM으로 저장하세요. 내 컴퓨터에서 한 프레임씩 렌더링합니다. 화면 녹화도, 업로드도 없습니다.

.html 또는 .zip, 끌어다 놓아도 됩니다
화면 비율
형식
크기
프레임 레이트

1920×1080 MP4를 내 컴퓨터에서 프레임 단위로 그립니다. 컴퓨터 속도와 상관없이 부드럽고, 아무것도 업로드되지 않습니다.

또는 예시로 시작하기

모두 HTML 파일 하나입니다. 불러와서 고치고 내보내세요.

Claude에서 영상 파일까지

  1. 01

    내보내기 또는 복사

    Claude Design에서는 프로젝트를 .zip으로 내보내세요. 채팅에서는 HTML을 복사하거나 파일을 다운로드하세요.

  2. 02

    끌어다 놓기

    .zip이나 .html을 도구에 끌어다 놓거나 코드를 붙여 넣으세요. 이미지, 스크립트, 글꼴은 .zip에서 읽어 옵니다.

  3. 03

    렌더링

    MP4, GIF, WebM과 크기를 고르면 한 프레임씩 그려져 바로 다운로드할 수 있습니다.

형식

한 번 붙여 넣고 모든 형식으로

쓸 곳에 맞는 파일을 고르세요. 같은 페이지를 어떤 형식으로든, 세 가지 화면 비율 어디로든 렌더링할 수 있습니다.

이 도구 그다음

애니메이션 하나는 시작입니다. 스킬은 영상 전체를 만듭니다.

이 도구는 이미 가지고 있는 HTML을 영상으로 바꿔 줍니다. Motion Skill은 그보다 한 단계 앞에서 시작합니다. Claude Code, Codex, Cursor에서 에이전트가 제품이나 메모를 읽고, 샷을 구성하고, 모든 장면을 작성하고, 음악을 입혀 완성된 MP4로 렌더링합니다.

  • ✓빈 프롬프트가 아니라 내 자료에서 출발
  • ✓여러 장면을 음악에 맞춰 편집
  • ✓내 컴퓨터에서 렌더링하고 자유롭게 사용
Motion Director(으)로 만든 예시 영상

스킬마다 만드는 영상의 종류가 다릅니다. 첫 번째가 이 페이지와 가장 가깝습니다.

전체 보기 →

한 종류 이상의 영상을 만드시나요?

Motion Director로 무료로 시작하세요. 스킬 하나는 $4.90이고, 플랜은 모든 스킬과 앞으로 나올 새 스킬까지 제공합니다.

월간

$9.90/ 월

  • ✓모든 완성 영상 스킬(스타일 내장)
  • ✓새 스킬 출시 즉시
  • ✓기존 스킬 업데이트
  • ✓렌더링 결과물 상업적 이용

결제 수단

신용카드나 PayPal로 결제할 수 있습니다.

연간

34% 절약

$79/ 년

  • ✓모든 완성 영상 스킬(스타일 내장)
  • ✓새 스킬 출시 즉시
  • ✓기존 스킬 업데이트
  • ✓렌더링 결과물 상업적 이용

결제 수단

신용카드나 PayPal로 결제할 수 있습니다.

창립 멤버 평생 이용권

창립 멤버 혜택

$1691회 결제

  • ✓모든 완성 영상 스킬(스타일 내장)
  • ✓새 스킬 출시 즉시
  • ✓기존 스킬 업데이트
  • ✓렌더링 결과물 상업적 이용
  • ✓1회 결제, 갱신 없음

결제 수단

신용카드나 PayPal로 결제할 수 있습니다.

Motion Director(무료) 받기 →스킬 하나 $4.90 · 스킬 고르기 →

자주 묻는 질문

Claude Design 내보내기 파일도 되나요?

네. .zip을 끌어다 놓으세요. 도구가 안에서 페이지를 찾고, 페이지에 쓰인 이미지, 스크립트, 스타일시트, 글꼴을 모두 압축 파일에서 읽어 옵니다.

그냥 화면을 녹화하면 안 되나요?

화면 녹화는 무거운 페이지의 끊긴 프레임과 색 띠를 그대로 남기고, 창 크기도 맞춰야 합니다. 여기서는 각 프레임을 정확한 순간에, 고른 크기로 그립니다.

Anthropic이 만든 도구인가요?

아니요. Motion Skills가 만든 독립적인 무료 도구로, Claude를 포함해 어떤 출처의 HTML이든 지원합니다.

프로젝트가 업로드되나요?

아니요. 브라우저 안의 샌드박스 프레임에서 실행되고, 영상은 내 컴퓨터에서 인코딩됩니다.

형식, 가이드, 더 많은 질문 →