베타이미 사용 중인 Claude Code 또는 Codex를 위해 만들었습니다. 모션 + 오리지널 PPT 스타일 61개요금제 살펴보기
시작하기
CLAUDE MOTION SKILLS · CLAUDE CODE 및 CODEX용

Claude Motion:
글, 모션으로 만들어 보세요.

글 → 대본 → 메모 → 아이디어 → 다음 영상

나누고 싶은 이야기, 나다운 스타일. 평소 사용하던 에이전트로 글을 생동감 있는 영상으로 바꿔 보세요.

CLAUDE MOTION SKILLS모션 디자인 습작 ↗
✳
하나의 아이디어에서시선을 사로잡는
작품을 만들어 보세요.

글과 리듬, 새로운 관점.

오리지널 모션 습작
HTML → 모션
첫 번째 영상 제작하기시각적 취향 선택
호환 도구
✳ Claude Code CodexOpenCodeCursorKimi그리고 선호하는 에이전트

좋아하는 도구 안에서 바로.

Claude Code · 작업 흐름 미리보기
전용 CLI 설치
curl -fsSL https://claudemontiondesignskills.org/downloads/install.sh -o /tmp/cm-skills-install.sh
sh /tmp/cm-skills-install.sh
export PATH="$HOME/.local/bin:$PATH"
cm-skills setup

cm-skills 설치 후 기기 코드로 로그인하고 Claude Code 또는 Codex에서 제작하세요.

사용 방법

세 단계로 완성하는 좋은 이야기.

콘텐츠를 준비하고 방향을 정하세요. 이야기에 어울리는 움직임을 더해 보세요.

당신의 이야기는 여기서 시작됩니다
단계 01

콘텐츠 넣기

기사 한 편, 대본 하나, 번뜩이는 아이디어. 이미 가지고 있는 글로 시작하세요.

나만의 스타일로 만들어 보세요
단계 02

시각적 스타일 선택

대담한 타이포그래피, 차분한 프레젠테이션, 종이 콜라주. 이야기에 어울리는 분위기를 찾아보세요.

준비되면 언제든 시작하세요
단계 03

미리 보기, 다듬기, 공유

스토리보드를 편집하고 모션을 미리 본 다음 전체 프로젝트를 가져가세요.

모션 · HyperFrames 기반

HTML을 넣으면 이야기가 움직입니다.

자유로운 캔버스, 정밀한 타임라인, 온전히 보관할 수 있는 프로젝트.

나의 컴포지션
작은 아이디어를.
아름답게 전하다.
나의 에이전트
제목 · 장면 01
레이어와 모션
한 단어씩 펼치는 이야기
나만의 오디오 추가

가독성을 고려한 설계

편집 가능한 HTML. 모든 문구, 색상, 순간을 직접 정하세요.

반복 개선을 위한 설계

코딩 에이전트에서 같은 작품을 계속 다듬으세요.

전체 프로젝트 보관하기

소스 파일을 다운로드하여 HyperFrames로 로컬에서 렌더링하세요.

나만의 창작 파트너

이미 익숙한 코딩 도구와 함께 사용할 수 있습니다.

HeyGen의 오픈 소스 HyperFrames 엔진(Apache-2.0)을 기반으로 독립적으로 제작되었습니다.

초안부터 완성까지

이야기에 필요한 모든 것.

간단하게 시작하고 나만의 색깔을 더하세요. 창작의 주도권은 직접 지키세요.

움직임을 더하세요.
타이포그래피 ↗

키네틱 타이포그래피

마음에 조금 더 깊이 닿는 말.

명확한 관점.
시각 요소 ↗

시각적 스토리텔링

아이디어를 더 쉽게 보고 이해하도록 만드세요.

장면 01 → 02
이야기 ↗

편집 가능한 스토리보드

각 장면의 순서, 문구, 속도를 조정하세요.

나의 다음 이야기.
작업 공간 ↗

나만의 작업 공간

로컬 초안을 보관하거나 프로젝트를 계정에 저장하세요.

공유할 준비 완료.
공유 ↗

미리 보기 공유

준비가 되면 공개 링크를 만드세요.

HTML에서 MP4로.
내보내기 ↗

로컬 영상 내보내기

자신의 컴퓨터에서 소스 키트를 HTML에서 MP4로 렌더링하세요.

CLAUDE CODE / CODEX

나만의 에이전트, 나만의 창작 과정.

여기서 초안을 만든 다음 코딩 에이전트에서 프로젝트를 여세요. 더 느린 등장, 더 강렬한 도입부, 다른 리듬 등 원하는 변경 사항을 설명하세요. 모든 프로젝트는 계속 편집할 수 있습니다.

여기서 시작하기로컬에서 계속하기
글 또는 대본나의 코딩 에이전트
편집 가능한 장면정교하게 다듬은 모션 디자인
HTML 애니메이션 미리보기HyperFrames로 MP4 출력
내 구독본인의 도구와 요금제
전체 작업 흐름 살펴보기
MOTION / PPT

나만의 시각적 표현을 선택하세요.

시각적 방향을 선택하세요. 모든 스타일은 실제 작동하는 오리지널입니다.

콘텐츠에 맞추기

주제, 대상 또는 분위기를 설명하세요. 키워드로 매칭하고 여러 개를 선택할 수 있습니다.

67 개의 스타일 및 자료

오리지널 구현 · 타이포그래피
오리지널 구현 · 에디토리얼
오리지널 구현 · 미니멀
오리지널 구현 · 데이터
오리지널 구현 · 제품
오리지널 구현 · 에디토리얼
오리지널 구현 · 데이터
오리지널 구현 · 미니멀
오리지널 구현 · 미니멀
오리지널 구현 · 제품
오리지널 구현 · 제품
오리지널 구현 · 미니멀
오리지널 구현 · 미니멀
오리지널 구현 · 제품
오리지널 구현 · 에디토리얼
오리지널 구현 · 에디토리얼
오리지널 구현 · 에디토리얼
오리지널 구현 · 타이포그래피
오리지널 구현 · 미니멀
오리지널 구현 · 미니멀
오리지널 구현 · 에디토리얼
오리지널 구현 · 미니멀
오리지널 구현 · 미니멀
오리지널 구현 · 데이터
오리지널 구현 · 미니멀
오리지널 구현 · 타이포그래피
오리지널 구현 · 미니멀
오리지널 구현 · 미니멀
오리지널 구현 · 타이포그래피
오리지널 구현 · 미니멀
오리지널 구현 · 미니멀
오리지널 구현 · 미니멀
오리지널 구현 · 미니멀
오리지널 구현 · 데이터
오리지널 구현 · 미니멀
오리지널 구현 · 미니멀
오리지널 구현 · 미니멀
오리지널 구현 · 미니멀
오리지널 구현 · 제품
오리지널 구현 · 미니멀
오리지널 구현 · 데이터
오리지널 구현 · 미니멀
오리지널 구현 · 타이포그래피
오리지널 구현 · 미니멀
오리지널 구현 · 데이터
오리지널 구현 · 미니멀
오리지널 구현 · 미니멀
오리지널 구현 · 미니멀
오리지널 구현 · 제품
오리지널 구현 · 데이터
오리지널 구현 · 에디토리얼
오리지널 구현 · 미니멀
오리지널 구현 · 미니멀
오리지널 구현 · 데이터
오리지널 구현 · 미니멀
오리지널 구현 · 미니멀
오리지널 구현 · 미니멀
오리지널 구현 · 에디토리얼
오리지널 구현 · 미니멀
오리지널 구현 · 미니멀
오리지널 구현 · 미니멀
오리지널 구현 · 미니멀
오리지널 구현 · 미니멀
오리지널 구현 · 미니멀
오리지널 구현 · 제품
오리지널 구현 · 데이터
오리지널 구현 · 데이터

시각적 방향을 선택하세요. 모든 스타일은 실제 작동하는 오리지널입니다.

스타일을 고르고 만들기
모든 스타일

모션

PPT

이런 분을 위해

전하고 싶은 이야기가 있는 사람들을 위해.

창작자

시청자가 저장하고 싶은 다음 이야기를 만드세요.

교육자

복잡한 아이디어를 명확한 시각적 형태로 표현하세요.

독립 제작자

제품만의 차별점을 보여 주세요.

이야기를 전하는 사람들

좋아하는 글에 새로운 리듬을 찾아보세요.

요금

간편하게 시작하는 곳.

모션, PPT 스타일 61개, 오디오 크레딧. 자신의 Claude Code 또는 Codex로 제작하고 컴퓨터에서 렌더링하세요.

오디오 제공 상태가 확인되지 않았습니다. 서비스 상태가 확인될 때까지 결제가 중단됩니다. 구독 전에 페이지를 새로 고쳐 확인하세요.

오리지널 구현

Creator

$19.90/ 월

80,000 크레딧 / 월

  • 모션 + 오리지널 PPT 스타일 61개
  • HTML 프레젠테이션 및 발표 노트
  • 개인 에이전트 요금제 및 로컬 MP4 렌더링
오리지널 구현

Studio

$49.90/ 월

240,000 크레딧 / 월

  • 모션 + 오리지널 PPT 스타일 61개
  • HTML 프레젠테이션 및 발표 노트
  • 개인 에이전트 요금제 및 로컬 MP4 렌더링

취소는 결제 기간 종료 시 적용됩니다. 다운로드한 작업은 유지됩니다. AI 모델 구독은 별도입니다.

자주 묻는 질문

자주 궁금해하는 질문들.

Anthropic의 공식 제품인가요?+

아니요. Claude Motion Skills는 독립적으로 운영됩니다. Claude Code와 Codex라는 명칭은 호환 도구를 나타내며 제휴 관계를 의미하지 않습니다.

여기서 무엇을 만들 수 있나요?+

글이나 대본으로 편집 가능한 스토리보드를 만들고 HTML 애니메이션을 미리 본 다음, 로컬 영상 렌더링용 프로젝트 키트를 다운로드하세요.

AI 구독이 필요한가요?+

브라우저 스토리보드와 템플릿은 AI 없이 작동합니다. 코딩 에이전트로 결과물을 다듬으려면 본인의 에이전트와 요금제를 사용하세요. 모델 사용 크레딧은 제공하지 않습니다.

내 구독+

취소는 결제 기간 종료 시 적용됩니다. 다운로드한 작업은 유지됩니다. AI 모델 구독은 별도입니다.

프로젝트는 어디에 저장되나요?+

초안은 이 브라우저에 저장됩니다. 로그인한 뒤 '클라우드에 저장'을 선택하면 프로젝트가 계정에 저장됩니다. 공유 링크는 직접 만든 후에만 공개됩니다.

MP4로 내보낼 수 있나요?+

프로젝트 키트를 다운로드하고 의존성을 설치한 다음, 포함된 HyperFrames 렌더링 명령을 컴퓨터에서 실행하세요. 브라우저에서는 HTML과 전체 소스 키트를 내보낼 수 있습니다.

다음 이야기가 여기서 시작됩니다.

Claude Code · 작업 흐름 미리보기
전용 CLI 설치
curl -fsSL https://claudemontiondesignskills.org/downloads/install.sh -o /tmp/cm-skills-install.sh
sh /tmp/cm-skills-install.sh
export PATH="$HOME/.local/bin:$PATH"
cm-skills setup

cm-skills 설치 후 기기 코드로 로그인하고 Claude Code 또는 Codex에서 제작하세요.

창작 시작