본문으로 건너뛰기

CLAUDE MOTION 예시

그대로 따라 만들 수 있는 Claude Motion 예시

claudemotion.design으로 만든 강의, 업데이트, 출시 영상, 설명 영상을 소개합니다. 각 예시에 사용한 프롬프트와 스타일도 함께 확인하세요.

월 $19.9부터 · Claude Code & Codex 지원 · Anthropic과 무관한 독립 서비스

Claude Motion을 사용하려면 유료 Creator 또는 Studio 구독이 필요합니다. 무료 요금제는 없습니다.

모션 스타일 선택 · 내 콘텐츠로 미리 보기

내 CLAUDE CODE 또는 CODEX에서 실행 · HYPERFRAMES 기반 · MP4 + 인터랙티브 웹

직접 참여하는 강의

  • 움직이는 차트

    툴팁, 범례, 실시간 필터를 갖춘 ECharts.

  • 퀴즈

    즉각적인 피드백, 해설, 점수를 제공합니다.

  • 드래그 앤 드롭

    자동으로 채점되는 분류, 짝 맞추기, 그룹 나누기 연습.

이렇게 만들어 보기

스스로 설명하는 업데이트

  • 무엇이든 넣으세요

    문서, 스크립트, 강의 노트, PPT 또는 아이디어 메모까지 가능합니다.

  • 모션 스타일 선택

    모든 스타일을 내 콘텐츠로 먼저 미리 볼 수 있습니다.

  • 내 에이전트가 제작

    Claude Code 또는 Codex가 직접 만들므로 화면 제작에는 크레딧이 들지 않습니다.

이렇게 만들어 보기

출시 클립과 B-roll

  • MP4 렌더링

    내 컴퓨터에서 HyperFrames로 결정론적으로 렌더링합니다.

  • 링크 공유

    조회수와 퀴즈 통계를 확인할 수 있는 공개 또는 비밀번호 링크.

  • 음악 및 내레이션

    지금 또는 나중에 추가하세요. 자연스러운 영어·중국어 음성을 지원합니다.

이렇게 만들어 보기

스타일별 예시 둘러보기

모든 스타일에 차트, 필터, 퀴즈, 드래그 앤 드롭이 포함됩니다. 에이전트에게 자유롭게 디자인을 맡길 수도 있습니다.

좋아하는 스타일을 여러 개 선택하면 AI가 내용에 맞는 스타일을 선택합니다.

탐색 중 패키지는 다운로드되지 않습니다.

스타일 매칭 후 만들기

필요한 모든 기능

  • 모션 스타일

    스타일을 고르거나 에이전트에게 자유롭게 맡기세요.

  • 애니메이션 차트

    ECharts 내장, 스타일에 맞춰 디자인됩니다.

  • 퀴즈와 드래그 앤 드롭

    기본적으로 인터랙티브합니다.

  • HyperFrames 타임라인

    클립, 타이밍, 블록을 편집합니다.

  • 내레이션

    영어와 중국어 지원, 브랜드명도 정확하게 읽습니다.

  • 음악

    지금 생성하거나 나중에 추가하세요.

  • 공유 링크

    공개 또는 비밀번호, 통계 포함.

  • MP4 렌더링

    로컬에서 결정론적으로 렌더링합니다.

Claude Motion 예시를 내 것으로 바꾸는 방법

  1. 1예시를 열고 프롬프트를 복사합니다.
  2. 2스타일은 그대로 두고 내 문서로 바꿉니다.
  3. 3타임라인에서 다듬은 뒤 MP4로 렌더링합니다.
Claude Motion 설치: npx -y claudemotion@latest setup를 실행하고 출력 안내를 따르세요.

처음 실행하면 브라우저가 열려 로그인합니다. 클릭 한 번이면 되고, 터미널은 필요 없습니다.

자주 묻는 질문

Anthropic의 Motion으로 만든 예시인가요?

아닙니다. 여기 있는 모든 예시는 독립 도구인 claudemotion.design으로 만들었습니다.

상업적으로 사용해도 되나요?

만든 결과물은 사용자의 소유입니다. 콘텐츠에 포함된 브랜드명과 로고에 대한 책임은 사용자에게 있습니다.

다음 예시는 여러분의 작품입니다

이렇게 만들어 보기