What problem does it solve? When assembling a HyperFrames master timeline (index.html) from multiple scenes, transitions like crossfades and zoom-throughs can briefly drop the combined opacity of overlapping scene wrappers below 1, letting the renderer's default white page show through as a glaring white flash at every seam — especially visible on dark films. This Skill documents the render-correctness prerequisites and injector mechanics that make transitions composite correctly. ## Core Features & Use Cases - White-flash guard: Ensures the assembled index.html paints an opaque stage ground via #root { background: var(--canvas-deep, var(--canvas, #000)) } so opacity dips never reveal the white page. - Injector mechanics reference: Explains how the injector extends the outgoing wrapper's duration, pulls the incoming wrapper's start earlier, ping-pongs track indices to avoid illegal same-track overlap, and stamps the gsap_template onto the master timeline. - Template placeholder table: Documents tokens like __OLD__, __NEW__, __T__, __DUR__, __DX__, __DY__, and __ORIGIN_OUT__/__ORIGIN_IN__ substituted into each transition template. - Use Case: While assembling a launch video's master timeline, you notice a white flash at a crossfade seam on a dark film; load this Skill to verify the #root background guard and confirm the injector's overlap and track-assignment behavior. ## Quick Start Load this Skill when assembling the master timeline index.html or when a white flash appears at a scene transition seam, and ask it to verify the stage-ground background and injector overlap mechanics.