Customize this prompt for your product

Lyric music video built as a single HTML file with Claude Opus 5.5

Prompt from @kloss_xyz on X · made with Claude Opus

Reference prompt

From the author's post

Make a fully interactive music video for this song as a single HTML file, at the level of a motion designer, sound engineer and creative director's showreel. The first frame has to stop the scroll and hook the viewer. Go all out.

Lyrics are below. Sync them word by word to the actual vocal. Separate the stems first, then time every word from the vocal track rather than estimating. Detect tempo, beats, kicks and snares, and drive the visuals from them.

Rules:
- One visual and type system across every section. Quiet sections should feel like the same video with the energy held back, not a different style.
- Every word must be crisp and readable over the effects. Glow and trails go behind the type, never through it.
- Give each lyric its own visual idea where it fits. No section should be filler.
- Don't add any audio to the song unless I ask.
- Interactions: hold to muffle the band, tap for a spark quantized to the beat, scroll for gain, stem mute buttons, a scrubbable timeline.
- Include an "Export 1080p video" button that renders every frame on a fixed clock and saves a 1920x1080 16:9 MP4 (H.264 + AAC) with the audio muxed in.
- Make the HTML file run on its own by double-clicking it in Chrome, with the audio built in.

[LYRICS WITH SECTION TAGS]

Your brief

This video has no ready-made remix prompt, so your brief uses its original prompt as the reference.

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's prompt

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/lyric-music-video-built-as-a-single-html-brief.zip into this folder, then read lyric-music-video-built-as-a-single-html-brief/BRIEF.md and make the video"