Three.js motion graphics explainer video for Uptimepage made with Claude Code

In short

A 30-second motion graphics video explaining Uptimepage, built by Claude Code from one text prompt that asked for three.js and a slower pace so the product is easy to understand. The author shares the output as 1080p at 60 fps. The aspect ratio is not stated.

Prompt

From the author's post

create a 30-second motion graphics video about Uptimepage. not too fast, make it easy to understand what it is. use three.js

How it was made

Author gave Claude Code a single prompt asking for a 30-second motion graphics video about Uptimepage, using three.js. The author reports 26 minutes of work, 204k output tokens, a cost of $6.74, the Sonnet 5.5 model, and 1080p output at 60 fps.

Tools: Claude Code, Claude Sonnet, Three Js
Effort: Single prompt, about 26 minutes, $6.74 cost, 204k output tokens, Sonnet 5.5, 1080p at 60 fps

Why it works

The prompt asks for a slower pace ("not too fast") so viewers can follow the message.
The brief states the goal directly: make it easy to understand what the product is.
The single prompt sets duration, subject, and rendering library (three.js) up front, so the output has a clear scope.

Remix it for your product

create a 30-second motion graphics video about [PRODUCT], covering [FEATURES]. not too fast, make it easy to understand what it is. use three.js

Open in Customize

About the product

Uptimepage

FAQ

What tool made this launch video?

This video was made with Claude Code, Claude Sonnet and Three Js.

Can I see the prompt behind this video?

Yes. The full prompt is shown on this page (from the author's post). Credit the original creator if you reuse it.

What kind of product is this video for?

It is a launch video for a saas product.

Comments (0)

Sign in to comment.