I want to create a landscape Twitter/X social media video (1200x628px) for my upscale restaurant targeting couples for a special night out. I am uploading 5 images in this order: - Image 1: A couple enjoying an intimate candlelit dinner - Image 2: My signature beef dish close-up - Image 3: Champagne or wine being poured - Image 4: My restaurant interior or dining room - Image 5: My salad or vegetarian signature dish Build a cinematic TSX video component — landscape format (1200x628) — with 5 animated scenes using these images. Scene flow: 1. Couple dining → "SOME NIGHTS DESERVE MORE" / "For the ones you love" 2. Beef dish → "CRAFTED WITH PASSION" / "Our signature for meat lovers" 3. Champagne pour → "CELEBRATE IN STYLE" / "Every sip, unforgettable" 4. Dining room → "THE STAGE IS SET" / "An evening like no other" 5. Salad dish → "RESERVE YOUR TABLE TONIGHT" / CTA button: "Book Now →" Style: deep burgundy and gold accents, dark romantic overlays, elegant serif typography, slow cinematic Ken Burns transitions. Feels like a luxury magazine ad. Each scene: full-width image, dark gradient overlay, bold headline, italic subtext in accent color, decorative gold line above headline. No progress bar. No play/pause button. Use Remotion's useCurrentFrame() for all animation timing. Set FRAMES_PER_SCENE = 105 (3.5 seconds at 30fps). Drive Ken Burns zoom, fade-in, and text slide using Remotion's interpolate() — no requestAnimationFrame, no useEffect timers. Fixed dimensions: 1200x628px. Embed all 5 images as base64 directly in the TSX. Output a single self-contained .tsx file. No external dependencies.
Make it yours. Rewrite the list after "I am uploading 5 images in this order" and the headline pairs under "Scene flow" for your business, and change "deep burgundy and gold accents" to your brand colors. Keep the Remotion lines ("useCurrentFrame()", "FRAMES_PER_SCENE = 105") so it renders cleanly.
Candlelit restaurant ad from five photos
A 17-second landscape social ad for an upscale restaurant: five photo scenes with slow Ken Burns zooms, dark overlays, serif headlines and a thin gold rule, ending on a Book Now button. Claude Code wrote it as one Remotion component from a single prompt.
“The only inputs were 5 iPhone photos and a paragraph of text.”
- Claude Code
- Claude Opus
- Remotion
- One-shot
- <10m
- $0 extra
You'll need
- Five of your own photos, in the order the prompt lists them
- A Remotion project (npx create-video@latest) to render the component
How it was made
The only inputs were five iPhone photos and the prompt. Claude Code returned one self-contained .tsx file with the photos embedded as base64. The author then created a Remotion project with npx create-video@latest, registered the component at 1200x628, 30 fps and 525 frames, previewed it with npm run dev, and rendered it with npx remotion render. The post names the model only as Opus.
$0 beyond the Claude subscription, according to the post.
Posted Jun 1, 2025 · Blog
Prompt from: blog post, under "The Prompt"
Look notesby Reference
Five darkened photo scenes of an evening out, each with a headline block on the left: a laughing couple at a candlelit table, sliced steak with fried eggs, champagne being poured, a dining room under violet light, and a salad at a set table.
- Color
- Dim candle amber and warm browns under a dark overlay, one violet-lit room, with white headlines and gold accents.
- Type
- White all-caps serif headlines ("SOME NIGHTS DESERVE MORE", "THE STAGE IS SET") under a short gold rule, each with a gold italic serif line below. The last scene adds "Fresh. Seasonal. Unforgettable." and a gold-outlined BOOK NOW → button.
- Framing
- Each photo fills the 1200x628 frame, with the text block anchored left of center and the subject on the right.
- Structure
- Couple at dinner, the signature steak plate, a champagne pour, the dining room, then the salad and the booking button.
