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.
Make it yours. 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.
Make it hereFree runs soon
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.
“Before running anything, invest real time in the prompt, that's where the quality comes from.”
You'll need
- HyperFrames skills, installed with npx skills add heygen-com/hyperframes
How it was made
"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.
Posted Apr 19, 2026 · X · 27 likes · 5.6k views · 1 comments
Prompt from: Gist linked from the post
Look notesby Reference
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."
