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-code

Installs 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
1pbakaus avatarextractpbakaus/impeccableExtract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches you53.2Kskills.sh installs
2alchaincyf avatarhuashu-designalchaincyf/huashu-design花叔Design——用HTML做高保真原型、幻灯片、动画、可视化与专家评审。任何新设计100%先出三个方向初稿给用户选(指定风格/品牌也不豁免),选定后才执行。触发词:做原型、PPT、幻灯片、动画、设计风格、评审、做个HTML页面、UI mockup、导出MP4/GIF、做个好看的。生产级Web App/需后端的系统不52.8Kskills.sh installs
3firecrawl avatarfirecrawl-parsefirecrawl/cliEfficiently extract and convert the contents of any local file—such as PDF, DOCX, DOC, ODT, RTF, XLSX, XLS, or HTML—into clean, well-formatted markdown saved to51.5Kskills.sh installs
4expo avatarexpo-moduleexpo/skillsFramework (OSS). Guide for creating and writing Expo native modules and views using the Expo Modules API (Swift, Kotlin, TypeScript). Covers module definition D48.8Kskills.sh installs
5expo avatarnative-data-fetchingexpo/skillsUse when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling, caching, offline support46.4Kskills.sh installs
6limrun-inc avatarlimrun-xcodelimrun-inc/skillsBuild an iOS / Apple app on remote Xcode with `lim xcode build` instead of local xcodebuild, from any environment (Linux, Windows, macOS, VM, container). Use fo44.6Kskills.sh installs