What problem does it solve? Producing short motion graphics like kinetic typography, stat count-ups, chart animations, logo stings, and lower-thirds normally requires manual motion-design work; this Skill automates the full pipeline from planning through rendering. ## Core Features & Use Cases - Category-based planning: Classifies a request into form categories (kinetic-type, stat, charts, logo-reveal, lower-thirds) or search-driven categories (webpage, news, tweet, asset-fusion) and drafts a shot-plan.json. - Asset-first sourcing: Resolves real images, articles, tweets, or logos into frozen project-local assets before designing the shot around them. - Reuse-first build and render: Composes existing HyperFrames catalog blocks into a deterministic GSAP-timeline HTML composition, then renders to MP4 or transparent WebM/MOV overlays with lint/inspect verification and repair. - Use Case: Ask for a 6-second animated headline with a count-up stat for a social post; the Skill plans the shot, builds the composition, renders videos/<project>/renders/video.mp4, and verifies it. ## Quick Start Ask the agent to create a short motion graphic, for example: make a 6-second kinetic typography video with a stat count-up for our launch announcement.
