Install prompt

Read https://claude-motion.com/skills/chat-thread/install.md and follow the instructions to install the "chat-thread" 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 chat-thread skill: messages "Customer: Is there a free plan? | Support: Yes, forever free up to 3 projects. | Customer: Sold.", header "Support". Electric theme, 9:16.

Claude Motion prompt

Create an 8-second chat scene on an off-white background. A white rounded window with the header "#launch" fades up. Messages play out one by one, each preceded by a gray bubble with three bouncing typing dots: Maya on the left in gray bubbles asks "Can we get a launch video by Friday?", then the reply on the right in orange bubbles: "Already rendering it 🎬". Maya: "Wait, really?" Reply: "16:9, 9:16 and square. Check your inbox."

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

PremiumExplainerSeries: Lists & Cards

Chat Thread

A conversation plays out with typing dots and popping bubbles.

Coming soon

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

Messages appear one by one in a clean chat window: a typing indicator bounces, then each bubble pops in on its side. The second person appears on the right in the accent color. Works with any names, so it's never tied to a real app.

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

Inputs

messages2–6 messages as Name: text, separated by |. The second distinct name appears on the right.
headerChat header title (empty = none)
themeThemeink · paper · electric · noir · sand
fontDisplayDisplay fontserif · sans · grotesk · mono

Credits

heygen-com/hyperframesregistry/components/chat-thread(Apache-2.0)
heygen-com/hyperframesregistry/components/typing-indicator(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

Lists & Cards →

Checklist Ticks

A checklist where every box ticks itself, one by one.

Explainer16:9 / 9:16 / 1:1

Card Stack Counter

Cards drop in one by one while a big total adds them up.

Explainer16:9 / 9:16 / 1:1

Step Ladder

Numbered steps climb a staircase, joined by a drawn line.

Explainer16:9 / 9:16 / 1:1

Pick-One Grid

A grid of options; a selection ring hops around and lands on the winner.

Explainer16:9 / 9:16 / 1:1