# Artemis II flyby in mission-control style

> A 60-second narrated explainer of NASA's Artemis II lunar flyby in a dark mission-control look, with telemetry counters, an orbital diagram, and word-by-word captions. Claude Code built it in HyperFrames from one detailed prompt, voiceover included.

- Page: https://meetreference.com/v/artemis-ii-return-to-moon-60-second/
- Exact prompt as plain text: https://meetreference.com/v/artemis-ii-return-to-moon-60-second/prompt.txt
- Made with: Claude Code
- Model: not stated
- Built with: HyperFrames
- Skills or plugins: HyperFrames skills
- Style: Explainers; mission control, space, telemetry, dark, orbital diagram, narrated, captions
- Length and format: 1 min, 16:9 (1920x1080 source)
- Shared by @dani_avila7 in X, Apr 19, 2026: https://x.com/dani_avila7/status/2045898862963908646
- 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 Claude Code, or the closest equivalent you have.
2. Set up what the prompt expects: HyperFrames skills, installed with npx skills add heygen-com/hyperframes.
3. Follow the prompt below. It is the creator's text, unedited.
4. To adapt it to a new subject or look: Keep the "VISUAL IDENTITY" and "TECHNICAL" blocks and rewrite the title, mission facts, and "SCENE BREAKDOWN" for your own subject. Swap the six palette hex codes and the two fonts to change the look.
- Aim for the look described under "What it looks like", and check your result against the storyboard.

## Prompt

```text
Build a HyperFrames composition titled "Artemis II: Return to the Moon" — a
cinematic 60-second explainer video (16:9, 1920x1080) visualizing NASA's
Artemis II crewed lunar flyby mission (April 1–11, 2026).
VISUAL IDENTITY
Style: "Mission Control Cinematic" — dark deep-space canvas with precision
data overlays, inspired by NASA flight dynamics consoles and cinematic
space documentaries.
- Palette: #05070D (void black), #0B1426 (deep navy), #E8EEF7 (bone white),
  #FF6B35 (ignition orange), #4FC3F7 (telemetry cyan), #FFD166 (lunar gold)
- Typography: "Space Grotesk" for titles/headings, "JetBrains Mono" for
  telemetry, coordinates, timestamps, distances
- Motion: precise, weighted easing (power3.out, expo.out). No bouncy motion.
  Data counters use tabular-nums. Subtle starfield parallax on all scenes.
SCENE BREAKDOWN (7 scenes, ~8–9s each, shader crossfade transitions)
Scene 1 — TITLE CARD (0–8s)
Hero title "ARTEMIS II" at 180px, subtitle "First Crewed Lunar Flyby in
Over 50 Years" at 36px. Mission patch silhouette fades in behind. Mono
datetime stamp bottom-left: "APR 01 2026 · 22:35 UTC · KSC LC-39B".
Scene 2 — LAUNCH & HIGH EARTH ORBIT (8–16s)
SLS rocket SVG silhouette with animated exhaust plume. Heading "PHASE 01 ·
LAUNCH + HIGH EARTH ORBIT". Ticker with live telemetry: altitude counting
up, velocity in km/s, T+ mission elapsed time. Annotation: "~24h elliptical
orbit for system checkouts".
Scene 3 — TRANS-LUNAR INJECTION (16–24s)
Animated orbital diagram: Earth (left), Moon (right), curved free-return
trajectory drawn with SVG stroke-dashoffset animation in cyan. Label
"TRANS-LUNAR INJECTION BURN · 6 MIN" with flame icon at burn point.
Stat card: "Δv: +3.05 km/s".
Scene 4 — OUTBOUND COAST (24–32s)
Orion capsule wireframe drifting across frame. Progress bar "EARTH → MOON"
filling left-to-right over 4 days. Distance counter animating from
384,000 km down to closest-approach value. Subtle earthrise reference.
Scene 5 — LUNAR FLYBY (32–42s) — HERO MOMENT
Full-frame Moon with crater texture. Trajectory arc sweeps behind the far
side. Pulsing marker labeled "CLOSEST APPROACH · APR 06 2026 · 6,545 km".
Secondary stat: "DISTANCE FROM EARTH · 406,771 KM — FARTHEST HUMANS HAVE
EVER TRAVELED". Crew name plate fades in: Wiseman · Glover · Koch · Hansen.
Scene 6 — RETURN COAST (42–50s)
Mirror of Scene 4 in reverse — trajectory arc completing the figure-8.
Heading "FREE-RETURN · GRAVITY BRINGS THEM HOME". Re-entry velocity
counter climbing toward 11 km/s.
Scene 7 — SPLASHDOWN (50–60s)
Pacific Ocean horizon at dawn, Orion under three parachutes. Final stat
block: "10 DAYS · 1 FLYBY · 4 ASTRONAUTS · ∞ AMBITION". Closing title
"APR 11 2026 · PACIFIC OCEAN · MISSION COMPLETE". Fade to black on
"NEXT: ARTEMIS III — BOOTS ON THE MOON".
TECHNICAL
- Generate a DESIGN.md before writing any HTML with the palette, typography,
  and "What NOT to Do" list (no generic blues, no Roboto, no bouncy easing,
  no full-screen linear gradients on dark backgrounds).
- Use sub-compositions for each scene (scene-1.html through scene-7.html).
- Shader crossfade transitions between scenes (~0.6s each).
- All data counters deterministic (seeded PRNG if needed, no Date.now).
- Run `npx hyperframes lint` and `npx hyperframes validate` before finalizing.
- Add a TTS narration track using the hyperframes-cli skill with voice
  "bf_emma" or equivalent authoritative documentary voice. Captions synced
  per-word, bottom-center, bone-white on void black with subtle drop shadow.
```

## What it looks like

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

A mission-control deck on dark navy. Each phase gets a short headline with one colored word, a flat vector illustration or diagram, and telemetry numbers, with a caption line along the bottom.

- Color: Void black and deep navy with bone white, ignition orange, telemetry cyan, and lunar gold, matching the hex codes in the prompt.
- Type: Bold grotesque headlines with one highlighted word ("Six minutes of thrust.", "Four days of drift."), small letterspaced monospace labels for phases and timecodes, large tabular numerals for telemetry, and a one-line caption in white and gold.
- Framing: Headline top left, a central diagram or illustration, numbers lower left, and a phase counter (001 / 007) bottom right. A cratered gold Moon fills most of the frame in the flyby scene.
- Sound: A voiceover that HyperFrames generated, with a full transcription, according to the creator.
- Structure: Title card ARTEMIS II, liftoff with a rocket and launch telemetry, the trans-lunar burn on an Earth-to-Moon arc, four days of coast with a wireframe Orion and a progress bar, the far-side passage with the 406,771 km distance and crew names, then splashdown under three orange parachutes with a 10 / 1 / 4 / ∞ stat row and "NEXT: Artemis III."

Storyboard, nine frames spread across the video: https://meetreference.com/media/artemis-ii-return-to-moon-60-second/storyboard.webp

- Frame 1 at 3.3s: https://meetreference.com/media/artemis-ii-return-to-moon-60-second/f1.webp
- Frame 2 at 10.0s: https://meetreference.com/media/artemis-ii-return-to-moon-60-second/f2.webp
- Frame 3 at 16.7s: https://meetreference.com/media/artemis-ii-return-to-moon-60-second/f3.webp
- Frame 4 at 23.4s: https://meetreference.com/media/artemis-ii-return-to-moon-60-second/f4.webp
- Frame 5 at 30.0s: https://meetreference.com/media/artemis-ii-return-to-moon-60-second/f5.webp
- Frame 6 at 36.7s: https://meetreference.com/media/artemis-ii-return-to-moon-60-second/f6.webp
- Frame 7 at 43.4s: https://meetreference.com/media/artemis-ii-return-to-moon-60-second/f7.webp
- Frame 8 at 50.0s: https://meetreference.com/media/artemis-ii-return-to-moon-60-second/f8.webp
- Frame 9 at 56.7s: https://meetreference.com/media/artemis-ii-return-to-moon-60-second/f9.webp

## How it was made, per the creator

- One-shot: yes, a single prompt with no follow-ups
- Notes: "This was the only prompt I ran." The creator says Claude Code scaffolded the whole project, generated the voiceover and full transcription itself, and opened a timeline editor with compositions, scenes, captions, and narration tracks when it finished. No paid APIs were needed, since HyperFrames is open source.

> Before running anything, invest real time in the prompt, that's where the quality comes from.
> (@dani_avila7)

## Links

- Watch: https://x.com/dani_avila7/status/2045898862963908646
- Original post: https://x.com/dani_avila7/status/2045898862963908646
- Prompt gist: https://gist.github.com/davila7/55800f51aaf8e6218e743f4b943e572b
- Earlier post with a 33-second cut and the setup command: https://x.com/dani_avila7/status/2045696248179568853