Claude Code, Codex, Cursor 등 Skill을 지원하는 에이전트에 붙여 넣으세요.
필요 환경: Node.js 22+, FFmpeg, Chrome. API 키 불필요.
다른 테마와 화면 비율
테마: 일렉트릭 · 9:16테마: 잉크 · 1:1
같은 템플릿을 테마와 화면 비율만 바꿔 렌더링한 마지막 프레임입니다.
테마 5가지
Aa
잉크
ink
Aa
페이퍼
paper
Aa
일렉트릭
electric
Aa
누아르
noir
Aa
샌드 · 기본
sand
프롬프트에 테마 이름을 적으면 바로 바뀝니다. 강조색, 배경색, 글자색을 직접 지정할 수도 있습니다.
설치 프롬프트
https://claude-motion.com/skills/milestone-timeline/install.md 를 읽고 안내대로 "milestone-timeline" 스킬을 설치한 다음, 그 스킬로 첫 영상을 만들어 주세요.
Claude Code, Codex, Cursor 등 Skill을 지원하는 에이전트에 붙여 넣으세요.
프롬프트 예시
Use the milestone-timeline skill: title "Product history", milestones "v1: Text only | v2: Images | v3: Video | v4: Motion skills", now "Now". Ink theme, 9:16.
스타일 프롬프트 (Claude Motion 또는 Opus 5.5)
Make an 8-second 16:9 timeline for [who will watch, e.g. new hires and investors], playing [where, e.g. the about page and the onboarding deck]. Use only the years and milestones below; don't change a date. Sand background.
A serif title appears. A thin dark line draws from left to right. As it reaches each point, a hollow dot pops and a milestone appears, alternating above and below the line. End frame: the final milestone with an orange dot and a small orange "Today" pill that pulses.
Title: [e.g. "How we got here"]
Milestones: [year — one line each, 4 to 5] (e.g. "2022 — Two founders, one laptop" … "2026 — 1M creators")
설치 불필요: Claude Motion(Team 또는 Enterprise)에 붙여 넣거나 Opus 5.5에 주면 비슷한 스타일이 나옵니다. 결과는 실행마다 달라지며, Skill은 매번 같은 결과를 냅니다.
