# Claude Paper Launch Documentation

> Reference for the HyperFrames MCP launch video: a 53.3s GSAP-orchestrated composition with ten scene plates, Claude Paper design tokens, synchronized audio/SFX, and self-hosted fonts.

This is a Grok-Wiki source-grounded repository documentation set. Use the complete Markdown link when an agent needs the full repo context.

## Context Links

- [Complete Markdown docs](https://www.grok-wiki.com/public/docs/heygen-com-hyperframes-launches-996f3eaa626b/llms-full.txt)
- [Complete Markdown alias](https://www.grok-wiki.com/public/docs/heygen-com-hyperframes-launches-996f3eaa626b.md)
- [Human interactive docs](https://www.grok-wiki.com/public/docs/heygen-com-hyperframes-launches-996f3eaa626b)
- [GitHub repository](https://github.com/heygen-com/hyperframes-launches)

## Repository

- Repository: heygen-com/hyperframes-launches
- Branch: main
- Generated: 2026-06-10T06:35:42.853Z
- Updated: 2026-06-10T06:44:20.021Z
- Runtime: Grok CLI
- Format: Documentation
- Pages: 17

## Pages

- [Overview](https://www.grok-wiki.com/public/docs/heygen-com-hyperframes-launches-996f3eaa626b/pages/01-overview.md): What the Claude Paper launch video demonstrates, its 1920×1080 runtime envelope, primary entry points, and the shortest path to preview the full cut.
- [Installation](https://www.grok-wiki.com/public/docs/heygen-com-hyperframes-launches-996f3eaa626b/pages/02-installation.md): Prerequisites for opening and rendering the project: Git LFS for binary assets, HyperFrames CLI, and the scoped folder layout under hyperframes-launches.
- [Quickstart](https://www.grok-wiki.com/public/docs/heygen-com-hyperframes-launches-996f3eaa626b/pages/03-quickstart.md): First successful invocation: open index.html in HyperFrames preview, verify the 53.3s timeline plays, and render to MP4.
- [HyperFrames composition model](https://www.grok-wiki.com/public/docs/heygen-com-hyperframes-launches-996f3eaa626b/pages/04-hyperframes-composition-model.md): How root and scene compositions register timelines via window.__timelines, data-composition-id attributes, template wrappers, and GSAP paused timelines.
- [Claude Paper design system](https://www.grok-wiki.com/public/docs/heygen-com-hyperframes-launches-996f3eaa626b/pages/05-claude-paper-design-system.md): The four brand atoms (paper, ink, muted, clay), typography ramps, component tokens, and frame-scale authoring rules defined in FRAME-claude.md.
- [Frame treatments](https://www.grok-wiki.com/public/docs/heygen-com-hyperframes-launches-996f3eaa626b/pages/06-frame-treatments.md): Seven normative frame plates—Paper Identity, Oversized Claim, Karaoke Stage, Focal Artifact, Quiet Ledger, Palette Catalog, Pull-Quote Closer—and their density, accent, and anchor constraints.
- [Transition grammar](https://www.grok-wiki.com/public/docs/heygen-com-hyperframes-launches-996f3eaa626b/pages/07-transition-grammar.md): Cross-section seam types used in the master cut: hard cuts, opacity crossfades, inverse zoom-through, and leftward cut-the-curve with velocity-matched handoffs.
- [Preview and render](https://www.grok-wiki.com/public/docs/heygen-com-hyperframes-launches-996f3eaa626b/pages/08-preview-and-render.md): Run hyperframes preview and hyperframes render against the claude-paper-launch folder, confirm 1920×1080 output, and validate scene loading from compositions/.
- [Edit the master timeline](https://www.grok-wiki.com/public/docs/heygen-com-hyperframes-launches-996f3eaa626b/pages/09-edit-the-master-timeline.md): Modify the root GSAP timeline in index.html: adjust section data-start/duration, z-index stacking, seam cut times (CUT, CUT2–CUT6), and window.__timelines registration.
- [Author a scene composition](https://www.grok-wiki.com/public/docs/heygen-com-hyperframes-launches-996f3eaa626b/pages/10-author-a-scene-composition.md): Create or edit a compositions/*.html plate: wrap in a template, set data-composition-id and data-duration, embed local fonts, build a paused GSAP timeline, and register on window.__timelines.
- [Sync audio and SFX](https://www.grok-wiki.com/public/docs/heygen-com-hyperframes-launches-996f3eaa626b/pages/11-sync-audio-and-sfx.md): Wire voiceover, explainer VO, click/toggle/type SFX tracks using data-start, data-duration, data-track-index, and data-volume on audio elements in index.html.
- [Master composition reference](https://www.grok-wiki.com/public/docs/heygen-com-hyperframes-launches-996f3eaa626b/pages/12-master-composition-reference.md): Root claude-paper composition: 1920×1080, 53.3s duration, ten stacked sections with z-index order, data-composition-src paths, and track-index assignments.
- [Scene catalog](https://www.grok-wiki.com/public/docs/heygen-com-hyperframes-launches-996f3eaa626b/pages/13-scene-catalog.md): All scene compositions with ids, durations, narrative roles, and handoff constraints—from connector-morph through outro, plus the standalone tesla-rap explainer plate.
- [Design tokens reference](https://www.grok-wiki.com/public/docs/heygen-com-hyperframes-launches-996f3eaa626b/pages/14-design-tokens-reference.md): Canonical color hexes, typography ramps (reading and hero), spacing, rounded radii, motion easings, shadow recipes, and component frontmatter keys from FRAME-claude.md.
- [Audio track reference](https://www.grok-wiki.com/public/docs/heygen-com-hyperframes-launches-996f3eaa626b/pages/15-audio-track-reference.md): Voiceover tracks (Scotsman VO at 29.6s, explainer VO at 42.6s), generated SFX inventory (click, toggle, typenew), volumes, and word-level transcript.json timing.
- [Fonts and assets](https://www.grok-wiki.com/public/docs/heygen-com-hyperframes-launches-996f3eaa626b/pages/16-fonts-and-assets.md): Self-hosted Hanken Grotesk, Spline Sans Mono, Newsreader, and Galaxie Copernicus woff2 files, fonts.css @font-face blocks, and Git LFS binary dependencies.
- [Troubleshooting](https://www.grok-wiki.com/public/docs/heygen-com-hyperframes-launches-996f3eaa626b/pages/17-troubleshooting.md): Recovery for missing LFS audio/SFX, font-display:block loading stalls, seam misalignment between consecutive scenes, and timeline registration failures.

## Source Files

- `compositions/chat-response.html`
- `compositions/compose-tasklist.html`
- `compositions/compose-ui.html`
- `compositions/connector-morph.html`
- `compositions/followup-type.html`
- `compositions/outro.html`
- `compositions/response-scroll.html`
- `compositions/sure-response.html`
- `compositions/tesla-rap.html`
- `compositions/thinking-big-2.html`
- `compositions/thinking-big.html`
- `fonts/fonts.css`
- `fonts/GalaxieCopernicus-Book.woff2`
- `fonts/HankenGrotesk-normal-400-latin-fe1634.woff2`
- `fonts/Newsreader-normal-500-latin-f0c28d.woff2`
- `fonts/SplineSansMono-normal-500-latin-53329b.woff2`
- `FRAME-claude.md`
- `index.html`
- `transcript.json`
- `voiceover_explainer.mp3`
- `voiceover.mp3`