# Showreel of type, form, space and time

> A 15-second motion-graphics reel framed as a designer's résumé, with chapters for type, form, space and time. Claude Opus 5.5 made it from the viral one-line showreel prompt, setting up HyperFrames and FFmpeg itself and synthesizing its own sound.

- Page: https://meetreference.com/v/one-prompt-15-second-motion-designer/
- Exact prompt as plain text: https://meetreference.com/v/one-prompt-15-second-motion-designer/prompt.txt
- Made with: Not stated
- Model: Claude Opus 5.5
- Built with: HyperFrames, GSAP, Three.js, FFmpeg
- Style: Motion graphics; showreel, bauhaus, geometric shapes, kinetic type, 3d, synthesized sound
- Length and format: 16 sec, 16:9 (1280x720 source)
- Shared by Web3 Wesley in YouTube, Oct 1, 2026: https://www.youtube.com/watch?v=OZYiujWjX_o
- 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. The creator didn't say which agent they used; the model was Claude Opus 5.5. Any capable coding agent should work.
2. Set up what the prompt expects: A Claude setup that can run shell commands, since Opus installs HyperFrames and FFmpeg itself.
3. Follow the prompt below. It is the creator's text, unedited.
4. To adapt it to a new subject or look: Swap "motion designer" and "showreel for a resume" for another role and format, and keep "Go all out".
- Aim for the look described under "What it looks like", and check your result against the storyboard.

## Prompt

```text
make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a resume. Go all out
```

## What it looks like

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

A motion reel framed as a résumé: a cream CV card for "Claude, Motion Designer" listing Type, Form, Space and Time, then a chapter for each, from heavy TYPE on orange-red to a Bauhaus grid of primary shapes, a 3D field of blocks under a red ball, and rings of light on black.

- Color: Vermilion orange, cream paper, black, cobalt blue and mustard yellow, with a near-black chapter lit in orange and white lines.
- Type: A high-contrast serif for "Claude" with a red dot, heavy grotesque capitals for TYPE, a swashy italic lowercase "type" beside a round "ON THE BEAT · KINETIC TYPE" badge, and small monospace HUD labels ("CLAUDE / MOTION DESIGN REEL '26", a timecode, chapter names).
- Framing: Flat full-bleed color fields inside a thin HUD frame with corner ticks, a timecode top right and chapter labels bottom left; the 3D chapter is seen from a high three-quarter angle. The creator's round face-cam and a "Model: Opus 5.5 Max" caption from his edit sit over the lower part of the frame.
- Sound: Every sound comes from a small synthesizer Opus wrote in JavaScript, with no samples, according to the creator.
- Structure: CV card, TYPE in heavy capitals, the italic "type" with its badge, the shape grid (FORM), blocks and a red ball in 3D (SPACE), a tangle of lines and then concentric rings (TIME), and the finished CV card with its skills list.

Storyboard, nine frames spread across the video: https://meetreference.com/media/one-prompt-15-second-motion-designer/storyboard.webp

- Frame 1 at 6.4s: https://meetreference.com/media/one-prompt-15-second-motion-designer/f1.webp
- Frame 2 at 8.1s: https://meetreference.com/media/one-prompt-15-second-motion-designer/f2.webp
- Frame 3 at 9.8s: https://meetreference.com/media/one-prompt-15-second-motion-designer/f3.webp
- Frame 4 at 11.5s: https://meetreference.com/media/one-prompt-15-second-motion-designer/f4.webp
- Frame 5 at 13.3s: https://meetreference.com/media/one-prompt-15-second-motion-designer/f5.webp
- Frame 6 at 15.0s: https://meetreference.com/media/one-prompt-15-second-motion-designer/f6.webp
- Frame 7 at 16.7s: https://meetreference.com/media/one-prompt-15-second-motion-designer/f7.webp
- Frame 8 at 18.4s: https://meetreference.com/media/one-prompt-15-second-motion-designer/f8.webp
- Frame 9 at 20.1s: https://meetreference.com/media/one-prompt-15-second-motion-designer/f9.webp

## How it was made, per the creator

- One-shot: yes, a single prompt with no follow-ups
- Agent time: About 90 minutes
- Notes: Run on Opus 5.5 at Max effort on a Claude Max subscription; the creator doesn't say which Claude app or harness he used. He found the prompt on X. Claude chose HyperFrames, set it up along with FFmpeg, and used GSAP and Three.js through it; the flat circle that turns into a bouncing ball is Three.js. HyperFrames tried to use HeyGen for sound, which wasn't set up, so Opus wrote a small JavaScript synthesizer and made every sound itself. The tutorial also shows the same prompt run in Codex on GPT-6 Astra (extra high), side by side. The creator's face-cam bubble sits in the corner of the reel.

> Opus 5.5 wrote a small synthesizer in JavaScript and made every sound itself. No samples.
> (Web3 Wesley)

## Links

- Watch: https://www.youtube.com/watch?v=OZYiujWjX_o&t=5s
- Original post: https://www.youtube.com/watch?v=OZYiujWjX_o
- The showreel prompt first appeared in this post by @shneural: https://x.com/shneural/status/2103151003272962130