Install prompt

Read https://claude-motion.com/skills/milestone-timeline/install.md and follow the instructions to install the "milestone-timeline" skill, then run it once with its example prompt.

Paste into Claude Code, Codex, Cursor or any agent that supports skills.

Example prompt

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 prompt

Create an 8-second timeline on a sand background. Serif title "How we got here". 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: "2022 — Two founders, one laptop", "2023 — First 100 customers", "2024 — Series A", "2025 — Launched in Europe", and finally an orange dot with "2026 — 1M creators" and a small orange "Today" pill that pulses.

On a Claude Team or Enterprise plan? Paste this into Claude Motion for a similar result without installing anything.

PremiumExplainerSeries: Chapters

Milestone Timeline

A timeline draws across and milestones pop up along it.

Coming soon

Premium skills open for download shortly. Leave your email and we'll tell you the day they go live.

The line draws steadily from start to end, and as it passes each point a dot pops and a milestone card appears, alternating above and below (stacked down the left in 9:16). The latest milestone gets the accent and a label like "Today".

Engine: HyperFrames
Formats: 16:9 · 9:16 · 1:1
Length: 8s

Inputs

titleTitle (empty = none)
milestones3–6 milestones as Date: event, separated by |
nowLabel on the final milestone (empty = none)
themeThemeink · paper · electric · noir · sand
fontDisplayDisplay fontserif · sans · grotesk · mono

Credits

heygen-com/hyperframesregistry/components/tracing-beam(Apache-2.0)
heygen-com/hyperframesregistry/components/pan-stations(Apache-2.0)

Original templates, designed with these open-source projects as reference. Full credits and third-party licenses are in NOTICE.md inside the download.

More in this series

Chapter Stamp

A giant chapter number slams in like a stamp, then the title.

Explainer16:9 / 9:16 / 1:1

Recap Wall

Takeaway cards fly in and settle into a tidy numbered wall.

Explainer16:9 / 9:16 / 1:1

Section Number Wipe

Accent panels sweep across while the section number rolls to the next.

Explainer16:9 / 9:16 / 1:1

Agenda Progress

The agenda appears, done items tick off, and a marker slides to what's next.

Explainer16:9 / 9:16 / 1:1