What problem does it solve? When a video request does not fit any specialized workflow (product launch, website-to-video, explainer, PR recap, motion graphic), you need a general-purpose process for designing and building custom HyperFrames compositions without producing generic, flat output. ## Core Features & Use Cases - Design-System Grounding: Enforces reading house-style and video-composition references before choosing colors or fonts, with a hard gate requiring a visual identity, concept angle, embedded font pairing, and density plan. - Layout-Before-Animation Workflow: Builds the hero frame as static HTML/CSS first, then adds GSAP entrances, preventing overlap and overflow bugs that only appear at render time. - Integrated Audio Engine: Generates TTS narration, background music, and SFX through a single audio.mjs call with automatic HeyGen/ElevenLabs fallback, plus caption authoring from word timestamps. - Use Case: A user asks for a 30-second brand sizzle reel with three scenes and a voiceover. The skill routes through design grounding, prompt expansion, scene planning, GSAP animation, audio generation, and lint/validate/inspect checks before delivering a preview. ## Quick Start Create a 20-second multi-scene brand intro video with a title card, animated stats, and a calm cinematic voiceover using the general video workflow.
