What problem does it solve? Producing polished video content—title cards, captions, animated overlays, and scene transitions—normally requires dedicated video editing software and manual timeline work. This Skill lets you author videos declaratively as HTML files with data attributes and GSAP timelines, then render them to MP4 through the HyperFrames framework. ## Core Features & Use Cases - HTML-as-Video Authoring: Define compositions with data-* attributes for timing, GSAP timelines for animation, and CSS for appearance, with sub-composition support for modular scenes. - Captions, TTS, and Audio-Reactive Visuals: Generate word-synced captions from transcripts, Kokoro-based text-to-speech narration, and animations driven by pre-extracted audio frequency data. - Quality Tooling: Built-in lint, WCAG contrast validation, headless visual inspection, and an animation-map script that flags collisions, dead zones, and pacing issues. - Use Case: Ask for a 5-second product reveal with a slow camera push-in and a warm accent palette; the Skill scaffolds a composition, applies a visual style, validates contrast and layout, and renders the final MP4. ## Quick Start Ask the assistant to create a short HyperFrames video, such as a 5-second product reveal with a title card and crossfade transition, and have it rendered to an MP4 file.
