Customize this prompt for your product

Developer relations portfolio showreel motion video made with Claude Opus and Remotion

Prompt from @wani_shola on X · made with Claude Opus, Remotion

Why it works

Uses the real website captures instead of mock screens, as the prompt asks.
Keeps one idea per shot with key objects centred and space to breathe, per the brief.
Uses eased motion and smooth transitions instead of hard cuts.
Cuts each scene on the beat of ~120 BPM music, with the rhythm speeding up and slowing down with the story.

Reference prompt

Remix template

Make a showreel-style motion graphics video for my [PRODUCT] website using Remotion. It should show what I do as [ROLE], like a showreel for my résumé.

- Use as much of the real website as possible: capture the pages and sections in a browser (home, [FEATURES]) and animate them inside browser and phone frames.
- Show the site's chat answering real questions about my work, with the questions and answers large and bold. Use only facts and numbers that are on the site.
- Follow premium brand rules: three colours and the site's own fonts, one idea per shot, key objects centred, space to breathe, eased motion only, smooth transitions instead of hard cuts, and a rhythm that speeds up and slows down with the story.
- Add music at about 120 BPM and cut every scene on the beat. No extra sound effects.
- 1920×1080, about 90 to 100 seconds, ending on the website and my contact email.

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 7 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/developer-relations-portfolio-showreel-m-brief.zip into this folder, then read developer-relations-portfolio-showreel-m-brief/BRIEF.md and make the video"