Skill UI

Create marketing videos with AI generation models, AI avatars, and programmatic frameworks. Covers product demos, explainers, social clips, and ads using Remotion, Hyperframes, Veo, Runway, HeyGen, and Synthesia.

This skill generates a single, full-bleed, looping motion composition using only inline CSS animations. It functions as a high-fidelity poster frame, specifically designed to be captured by keyframe exporters (like HyperFrames or Lottie) to create animated hero videos, title cards, or video posters for marketing campaigns. Ideal for briefs requiring sophisticated 'motion design' or 'animated hero' assets.

HyperFrames is a comprehensive framework that treats HTML as the source of truth for video production. It allows users to create complex video compositions, including animated title cards, dynamic captions synced to audio, advanced text-to-speech narratives, and sophisticated audio-reactive visuals (like beat synchronization). The tool manages the entire video workflow, from composition authoring and timing to scene transitions (crossfades, wipes) and final rendering.

This template generates structured, multi-frame video scripts compatible with Remotion and Hyperframes. It guides the creation of cinematic, high-impact videos, ensuring each frame conveys a single, strong concept. The output includes necessary metadata for automated playback, transitions, and timing, making the script ready for professional video rendering into MP4.