Motion Skills
← Skills
Premium런칭

앱 미리보기

휴대폰이 화면을 넘기고 옆에서 캡션이 바뀝니다.

Claude Code, Codex, Cursor 등 Skill을 지원하는 에이전트에 붙여 넣으세요.

필요 환경: Node.js 22+, FFmpeg, Chrome. API 키 불필요.

다른 테마와 화면 비율

앱 미리보기 · 일렉트릭 · 9:16
테마: 일렉트릭 · 9:16
앱 미리보기 · 잉크 · 1:1
테마: 잉크 · 1:1

같은 템플릿을 테마와 화면 비율만 바꿔 렌더링한 마지막 프레임입니다.

테마 5가지

  • 잉크
    ink
  • 페이퍼
    paper
  • 일렉트릭
    electric
  • 누아르
    noir
  • 샌드 · 기본
    sand

프롬프트에 테마 이름을 적으면 바로 바뀝니다. 강조색, 배경색, 글자색을 직접 지정할 수도 있습니다.

설치 프롬프트
https://claude-motion.com/skills/app-preview/install.md 를 읽고 안내대로 "app-preview" 스킬을 설치한 다음, 그 스킬로 첫 영상을 만들어 주세요.

Claude Code, Codex, Cursor 등 Skill을 지원하는 에이전트에 붙여 넣으세요.

프롬프트 예시
Use the app-preview skill for our App Store video: app "Pace", screens "assets/s1.png | assets/s2.png | assets/s3.png", captions "Runs that adapt to you | Coach in your ear | Every PR celebrated", badge "Free on the App Store". 9:16.
스타일 프롬프트 (Claude Motion 또는 Opus 5.5)
Make a 12-second 16:9 app preview for [who will watch, e.g. people deciding whether to download], playing [where, e.g. the App Store page and our site]. Use only the screenshots and captions I give below; don't change a word. Warm sand background.

A modern phone mockup swings up from the bottom with a soft rust-colored glow behind it and floats gently. On the left, the app name in small rust uppercase sits above a bold caption. Every three seconds the phone screen swipes to the next screenshot while the caption changes and a pill-shaped page indicator moves along. End frame: where to get it, held for 2 seconds.

App name: [e.g. LUMEN]
Captions, one per screenshot: [e.g. "Plan your week in seconds", "Focus mode blocks the noise", "See your progress at a glance"]
End line: [e.g. "Available on iOS and Android"]
Attach: [three phone screenshots]

설치 불필요: Claude Motion(Team 또는 Enterprise)에 붙여 넣거나 Opus 5.5에 주면 비슷한 스타일이 나옵니다. 결과는 실행마다 달라지며, Skill은 매번 같은 결과를 냅니다.

이 Skill로 만든 작품