Customize this prompt for your product

Kinetic typography video made entirely in code with Claude Opus 5.5, shared with a build prompt

Prompt from @twoclipping on X · made with Claude Opus

Why it works

Cuts and UI hits are tied to a 120 BPM grid with 2-second bars, so changes land on beats.
One accent color, one clean sans with tight tracking, and no full stops keep the on-screen type calm and readable.
A banned list (camera shake, lens flares, neon glows, bouncy easing, and similar) keeps the motion restrained and smooth.
Motion blur comes from blending three subframes per frame, so movement reads smoothly at 60fps.
Real footage only, with sound effects placed on measured peaks, ties the visuals and audio together.

Reference prompt

Remix template

Make one HTML file at 1920x1080 promoting [PRODUCT]. Ask me for the product name and a one-line promise, 3 to 5 UI moments of [FEATURES] to show, one accent color, 10 to 20 real vertical clips I own, and a royalty-free song with a clear drop (license must allow commercial use). Direction: high-end minimal, one idea per shot, lots of empty space, one accent color, one clean sans (Geist or Inter) with tight tracking, masked type reveals, match cuts, one smooth camera language. Real footage only, never placeholder cards. No full stops in on-screen text. Banned: shockwave rings, particle bursts, RGB split, camera shake, lens flares, neon glows, grid floors, flashing backgrounds, bouncy easing. Structure: 10 bars at 120 BPM, 2 seconds each. Bar 1: the hook lands word by word on the beats. Bar 2: one hook word morphs into the [PRODUCT] UI showing [FEATURES]; a cursor types and clicks. The drop: a circle opens out of the button into a dark scene. Then one move per bar: a wall of real clips with a scan line and 3 winners, the key output as big type, a 3D carousel of real videos with floor reflections and a motion-blurred whip onto one hero clip, the hero in a phone next to a panel that flips into results, big stats on push cuts, a 3-word ticker, a logo reveal, a fade to black. Build rules: every style computed from time t with no CSS animations, timers, or state between frames. Extract clips to 30fps JPEG sequences with ffmpeg and swap img sources per frame, awaiting decodes on seek. Analyze the song with numpy for tempo, beat grid, energy per bar, and the drop; calibrate the grid to real kick hits; every cut on a downbeat, every UI hit on a beat. Render with Playwright at t-1/240, t, and t+1/240 per frame, then blend with ffmpeg tmix for 60fps motion blur. Place each sound effect so its measured peak lands on the event, keep effects quiet under the music, and loudnorm to -14 LUFS. Probe 20 or more frames before the full render and fix clutter, overlap, or hard-to-read text. Never set opacity or filter on a preserve-3d element; fade its wrapper instead. Measure element positions at runtime for match cuts.

Your brief

Only the product name is required. Blank fields become questions Claude asks you. Nothing here is uploaded.

Product

Product name

One-line promise

What does it do for the user, in one sentence?

UI moments or features

One per line, in the order they appear in the video. 3–5 work best.

Call to action

The last line of the video, for example: Try it free at acme.app

Assets

Logo

PNG, JPG, WebP or SVG. Up to 5 MB.

Brand colors

For example: #0B5FFF and white

Font

Name of the font, for example: Inter

Files stay on your device. They are only put into the ZIP you download; nothing is uploaded.

Goal

Where will it be posted?

For example: X or Product Hunt

Length (seconds)

For example: 30

Aspect ratio

Any16:99:161:1

Key message

The one thing a viewer should remember.

AudioMusic or beatVoiceover

Constraints

Text that must appear exactly

One line per text, exactly as it should be spelled on screen.

Things to avoid

For example: stock footage, emojis

Style reference: this video (its 11 shots are included)

Asset paths in the copied text refer to the ZIP download. Copy brief gives you the text only.

Fill in the product name to see your brief here.

Run it in your terminal

Open your product's project folder in the terminal, then run this. If your browser saves downloads somewhere else, change ~/Downloads.

claude "Unzip ~/Downloads/kinetic-typography-video-made-entirely-i-brief.zip into this folder, then read kinetic-typography-video-made-entirely-i-brief/BRIEF.md and make the video"