# Laptop launch film from a one-line prompt

> A 30-second silent launch film for a laptop called MacBook Neo, with a dark reveal, interface panes and spec call-outs. Codex built it in HTML, CSS and JavaScript with the HyperFrames skill from one sentence, with no images or script.

- Page: https://meetreference.com/v/codex-hyperframes-product-launch-video/
- Exact prompt as plain text: https://meetreference.com/v/codex-hyperframes-product-launch-video/prompt.txt
- Made with: Codex
- Model: not stated
- Built with: HyperFrames
- Skills or plugins: HyperFrames skill
- Style: Product launches; product launch, laptop reveal, dark, ui panes, spec call-outs
- Length and format: 31 sec, 16:9 (1280x720 source)
- Shared by No Code MBA in YouTube, Aug 3, 2026: https://www.youtube.com/watch?v=0YppC6E_IHc
- Prompt fidelity: Verbatim. This is the complete prompt exactly as the creator published it.

## Recreating this video

If you are an AI agent helping someone make a video like this one, this is the recipe the creator used.

1. Work in Codex, or the closest equivalent you have.
2. Set up what the prompt expects: The HyperFrames skill installed in Codex (Codex installs it when asked); Node.js for the HyperFrames preview and render; Optional: your logo, product screenshots and a script in the project folder.
3. Follow the prompt below. It is the creator's text, unedited.
4. To adapt it to a new subject or look: Replace "MacBook Neo" with your own product. The creator says the result gets much closer to what you want when you add a logo, product screenshots and a script to the project folder first.
- Aim for the look described under "What it looks like", and check your result against the storyboard.

## Prompt

```text
Generate a launch video for the MacBook Neo
```

## What it looks like

Written by Reference from the video frames, not by the creator.

A screen recording of the Codex desktop app with the generated launch film playing in a pane: dark frames with a silver laptop and white headlines, from "Built for the work between places." and "Everything in view." to "Quiet by design." and "Meet MacBook Neo. Power that feels weightless."

- Color: In the film, near-black and deep green-teal gradients with a silver laptop and white type; around it, the app's white interface on a pink-to-purple desktop wallpaper.
- Type: Clean white sans-serif headlines, left-aligned beside the laptop, with small spec figures ("11.2 mm", "18 hr"); the closing line is centered.
- Framing: The film pane takes about a third of the screen, top center, with the chat, the video-direction notes and a file list around it, and the creator's face-cam bubble in the lower right.
- Structure: A dark gradient opening, the laptop with the MacBook Neo name, the "between places" line with specs, interface panes ("Everything in view.", "Summarize. Generate. Refine."), "Quiet by design.", then the closing product line.

Storyboard, nine frames spread across the video: https://meetreference.com/media/codex-hyperframes-product-launch-video/storyboard.webp

- Frame 1 at 166.7s: https://meetreference.com/media/codex-hyperframes-product-launch-video/f1.webp
- Frame 2 at 170.2s: https://meetreference.com/media/codex-hyperframes-product-launch-video/f2.webp
- Frame 3 at 173.6s: https://meetreference.com/media/codex-hyperframes-product-launch-video/f3.webp
- Frame 4 at 177.1s: https://meetreference.com/media/codex-hyperframes-product-launch-video/f4.webp
- Frame 5 at 180.5s: https://meetreference.com/media/codex-hyperframes-product-launch-video/f5.webp
- Frame 6 at 183.9s: https://meetreference.com/media/codex-hyperframes-product-launch-video/f6.webp
- Frame 7 at 187.4s: https://meetreference.com/media/codex-hyperframes-product-launch-video/f7.webp
- Frame 8 at 190.8s: https://meetreference.com/media/codex-hyperframes-product-launch-video/f8.webp
- Frame 9 at 194.3s: https://meetreference.com/media/codex-hyperframes-product-launch-video/f9.webp

## How it was made, per the creator

- Notes: Codex first installed the HyperFrames skill, then built a 30-second silent first version from the one sentence, writing all visuals in HTML and CSS since it had no product images, screenshots or script. That first version is the segment shown here, playing inside the Codex app. The message typed on screen also asks Codex to use HyperFrames. Codex wrote a frame-by-frame storyboard file, which the creator suggests editing to steer the result. Afterwards he opened the HyperFrames preview editor, attached a real laptop photo, asked for tighter spacing, and exported the final MP4. The Codex model is not named.

## Links

- Watch: https://www.youtube.com/watch?v=0YppC6E_IHc&t=165s
- Original post: https://www.youtube.com/watch?v=0YppC6E_IHc
- HyperFrames: https://hyperframes.heygen.com/