What problem does it solve? Producing short animated graphics like kinetic typography, stat count-ups, chart reveals, logo stings, lower-thirds, and animated maps normally requires manual motion-design work; this Skill automates the full pipeline from intent classification through asset sourcing, composition building, verification, and rendering. ## Core Features & Use Cases - Category-based planning: Classifies a request into form categories (kinetic-type, stat, charts, logo-reveal, lower-thirds, maps) or search-driven categories (webpage, news, tweet, asset-fusion) and produces a shot-plan.json contract. - Reuse-first composition: Builds HyperFrames HTML compositions by composing catalog blocks and GSAP animation rules on a single paused, seekable timeline, with lint, check, and proof-snapshot verification gates. - Grounding and basemap tooling: Includes a grid-based image localization protocol (locate.mjs) for precise annotation boxes and a MapLibre basemap baking script for deterministic satellite map shots. - Use Case: Ask for a 6-second animated bar chart showing quarterly revenue; the Skill plans the shot, builds the composition from the data-chart block, verifies it with snapshots, and renders an MP4 after your approval. ## Quick Start Ask the agent to create a short motion graphic, for example: create a 6-second kinetic typography video with the quote you provide, then approve the render when prompted.
