
Seam Craft
Seam Craft is the render-side doctrine underneath scene-to-scene transitions in HyperFrames launch videos. It doesn't pick a transition for you. It covers the prerequisites that make any transition composite correctly on the master timeline: the injector overlapping the two clip wrappers, holding the outgoing final frame, ping-ponging tracks so overlapping wrappers never collide, and stamping lint-clean GSAP templates at the overlap start. Its most practical value is the stage-ground rule: if `#root` has no opaque background, opacity dips during crossfades and cut-the-curve windows show the white page behind, which flashes hard on dark films. Load it when you're assembling `index.html` or chasing a white flash at a seam. The per-transition catalog lives in the transition registry, so use this one for the plumbing and that one for the look.
- skills.sh installs
- 61.1K
- GitHub stars
- 81.8K
- last updated
- Oct 26, 2026
Install
$ npx -y skills add heygen-com/hyperframes --skill seam-craft --agent claude-codeInstalls into .claude/skills of the current project.
Files
Seam Craft — render prerequisites for scene-to-scene transitions
This is the render-correctness doctrine for PLV scene-to-scene seams: the prerequisites and master-timeline mechanics that make any transition composite correctly, independent of which specific transition is chosen. The per-transition catalog (crossfade, push-slide, zoom-through, cut-the-curve, …) lives in the transition registry — this page is the doctrine that sits underneath all of them.
The transitions this doctrine governs are Tier-B-ready: pure transform / opacity /
filter on the two scene clip wrappers (#el-<sid>), no injected overlay DOM, no
per-scene cooperation. Overlay families (staggered blocks, blinds, light leak, grid
dissolve, page burn) and shader transitions are deferred to later phases.
Stage ground prerequisite (white-flash guard)
Sponsors
Details
- Repository
- github.com/heygen-com/hyperframes
- Categories
- Frontend Development, Code Review & Quality, Marketing & SEO
- First seen
- Oct 26, 2026
More from heygen-com/hyperframes
All 44- Oversized Cursor60.7K
- Changelog Video60.6K
- Contribute Catalog55.5K
- Typegpu51K
- Reverse Any Video45.2K
- Style Sampling38.8K
- Graphic Overlays29.1K
- Hyperframes Read First2.4K
- Claude Design Hyperframes2K
- Hyperframes Cli1.5M
- Hyperframes1.5M
- Media Use1.4M
- Hyperframes Registry1.2M
- Hyperframes Animation1M
- Hyperframes Core931.1K
- Hyperframes Creative917.1K
- Hyperframes Keyframes754.8K
- Hyperframes Audio663.9K
- General Video661.7K
- Remotion To Hyperframes590.2K
- Product Launch Video539.3K
- Faceless Explainer522K
- Motion Graphics514.3K
- Slideshow496.1K