What problem does it solve?
Building HyperFrames video compositions from HTML often leads to silent, hard-to-debug rendering failures from incorrect structure, timing attributes, or media placement that standard linting tools do not catch. This skill serves as the official technical contract to eliminate these bugs and ensure frame-accurate, seekable renders.
Core Features & Use Cases
- Composition Structure Contract: Defines rules for standalone monolithic vs modular sub-composition architectures, including root sizing, template transport rules, and host wiring patterns.
- Timing & Clip Rules: Covers
data-* timing attributes, track index overlap constraints, relative timing references, and clip visibility requirements.
- Deterministic Render Guardrails: Enforces rules for timeline registration, animation property allowlists, media placement, and ID uniqueness to prevent desync and blank renders.
- Use Case: A motion graphics artist building a 30-second product launch video with 5 modular scenes can use this skill to wire sub-compositions correctly, place host-owned media elements, and pass all pre-render validation checks on the first attempt.
Quick Start
Use the hyperframes-core skill to structure a new modular multi-scene HyperFrames video project with correct sub-composition host wiring and deterministic timeline setup.
