Turn your website into a launch video
Hey, it's PT.
Here is 1 prompt that turns your website into a launch video.
What you get: a launch video built from your real pages, using your own words, numbers and brand colors. It shows you a plan first, so you can change it before anything gets built.
How to use this page: paste the prompt into Claude Code with your website link, read the plan, then say yes.
The quick way: 1 prompt does the whole job. It reads your site, records your real pages and waits for your yes before it builds. Handy if you'd rather not read the steps.
👉 Jump to the prompt
What this does 🎬
The prompt reads your website, records your real pages, and builds a launch video around your own words, numbers and brand colors. It shows a plan first, so you can change it before anything gets built.
How to use it 🧭
- Open Claude Code. Have your website link ready.
- Copy the prompt. Select the whole box below, first line to last, and copy it.
- Paste it in with your link. Paste it into Claude Code and add your website link. Leave the link out and it asks you for it.
- Read the plan. It shows your business in 3 lines, the big idea, your colors and fonts, the song and a storyboard. Say yes to build, or tell it what to change.
- Make it your own. Ask for changes in your own words. Each version saves as v1, v2, v3, so the earlier ones stay.
Paste this into Claude Code ✍️
Copy the whole box, the first and last lines too. Then paste it into Claude Code with your website link.
INPUT:
If I gave you the website URL with this prompt, use it and
do not ask. If I did not, ask me for the website URL. That
is the only question. Do not ask me about music, length or
format.
Music: pick a royalty free track at 118 to 128 BPM with
real energy and a clear build into a drop, whose license
allows commercial use. You may download it, the site's
logo and its web fonts without asking again. Tell me the
track, the source and the license in the brief.
RESEARCH:
1. Open the URL in Playwright at desktop and mobile
widths. Also open the About page, the pricing or plans
page, and 1 blog or case study page if they exist. Save
full page screenshots.
2. Work out what the business is, in the site's own words:
who it is for, the problem it solves, what it sells,
the tone of voice, the headline promise, 3 proof
points, and every number the site states. Write it as 3
plain lines.
3. Pull the logo (SVG if you can get it), the brand colors
from computed styles, and the fonts in use.
4. Record real footage as frame accurate captures at
deviceScaleFactor 2: scroll the page in fixed 4px steps
and save 1 screenshot per step, then do the same at
phone width. Record the hover states on the main button
and on 1 card. This is the only footage. No mock UI, no
stock clips, no invented screens.
5. Find the big idea: 1 line from the site that says what
the brand stands for. The whole video turns on it.
6. Only use text and numbers that appear on the site. If a
number is not on the page, it stays out of the video.
LOOK:
Bold, confident and led by the brand. Use the brand's own
colors at full strength, with 1 accent color, on a light
base that cuts to a deep dark base at the drop. Big type:
150 to 400px, weight 700 to 800. Huge scale contrast, with
giant words against small real page footage.
Motion is fast and physical. Hard cuts on the beat, whip
pans between page sections, scale punches, tilted panels
with soft long shadows, split screens, boxes that snap
onto the key element of the page with a 2 to 3 word label.
Every shot lasts 1 to 4 beats. Nothing sits still for
long.
Show at most 6 words on screen at a time, with no
punctuation at the end, and land each one on a beat.
Keep out: stock footage, stock icons, mock UI, confetti,
lens flares, glitch filters, spinning 3D cubes, heavy
blur, invented numbers or claims.
STORY:
Length 30 to 40 seconds. Time every section to the song's
phrases, not to a fixed bar count.
1. Hook, first 2 bars: the big idea slams in on a light
field, 1 line per hit, using the site's own words.
2. Pain, next 2 bars: 3 to 4 real lines from the site
about the problem, each with the real page element it
came from, tilted in beside it. 1 hit every 2 beats.
3. Build, next 4 bars: the real page whips past in full
frame. A box snaps onto each key element with a 3 word
label in the site's words. A riser builds underneath.
Move between sections by following the scroll.
4. Drop, on the downbeat: hard cut to the dark base. The
headline promise slams in, then each real number slams
in large and counts up, 1 per beat.
5. Two views: desktop and mobile side by side, tilted,
scrolling in sync, with the offer in the site's own
words landing on the beats.
6. Close: the tagline slams in on the last phrase. The
logo and the URL land on the final downbeat and hold
for 2 seconds, then cut.
BUILD:
1. Build 1 HTML composition where every frame is a pure
function of time. A single render(t) sets every style.
No CSS transitions, no timers, no state carried between
frames.
2. Footage: use the stepped screenshots as the page. Pick
the frame nearest to the scroll position and shift it
by the leftover fraction of a pixel, so slow scrolls
stay smooth. On fast scrolls only, average a few in
between samples for light motion blur.
3. Beat map: analyze the song for tempo, beats, downbeats,
phrase boundaries and loud sections. Start the video on
a phrase, land the build on a riser and the drop on a
real downbeat. Print the map.
4. Sound design: synthesize your own riser, impact,
whooshes and thuds. Place each one so its peak lands on
its event. Keep them under the music. Mix at -14 LUFS
with a two pass loudness pass and a true peak of -1.5
dB or lower.
5. Render frames headless with Playwright, in parallel
workers. Encode 1920x1080 at 60fps, H.264, limited
range yuv420p, BT.709, 256k AAC.
6. Before the full render, export a contact sheet of 24
frames across the video. Check that text is readable at
phone size, nothing touches the edges, the accent shows
up no more than once per shot, and nothing overlaps.
Fix what fails, then render.
7. Never overwrite a finished video. Save each one as v1,
v2, v3.
WATCH OUTS:
Cookie banners and popups: dismiss them in the capture
script, and decline tracking.
Lazy loaded images: scroll the page once so they load
before you record.
Sharpness: capture at deviceScaleFactor 2 so zoom ins stay
sharp.
Respect the site: don't change its claims or invent
features.
When you crop a real page element into a panel, measure
its position from the page itself and start and end the
crop between lines of text, so no line is ever cut in
half. Check every panel in the contact sheet.
If a music download redirects to the homepage, retry with
the track's page as the referer.
If the logo only exists as a small image, keep it small on
screen.
Give me the music credit line to paste into the video
description.
FIRST STEP:
Use the URL I gave you, or ask me for it if I did not.
Then show me the business in 3 lines, the big idea, the
colors and fonts, the song with its source and license,
and a storyboard table (bar, beat, shot, on screen text,
sound). Wait for my yes before you build.
Point it at your next launch, ask for changes in the same chat until it feels like yours, then paste the music credit line into your description. Have fun with it, and thanks for reading.
Keep going 🚀
More tips and prompts like these, on Instagram and straight to your inbox.
Rather learn it live? The AI Workflow Workshop is 2 hours, hands on, no coding required. You build 1 repeatable workflow on your own work.
Here's what happens in the 2 hours:
- Set up the file your AI reads before anything else.
- Build one repeatable workflow against your real work.
- Run it live, watch it miss, and teach it to correct itself.
- Ask about your own use case.