Domains
Forms
Mechanism
Breaks down how the skill works and what it produces, so you can quickly judge whether it fits your scenario and value.
When the user wants a short (under ~10s), design-led, unnarrated motion graphic — logo sting, kinetic type, stat, chart, lower-third, map, or asset-fusion from a search result. Longer/narrated/multi-scene → route via /hyperframes.
npx hyperframes skills update motion-graphics.shot-plan.json.media-use resolve fetches/generates them; else skip.index.html.hyperframes render outputs MP4/WebM.A short motion graphic video (MP4 or transparent overlay) built from real assets and catalog blocks, verified by snapshots, with explicit render approval.
Use Cases
A startup needs a 5-second logo reveal for their product launch. They invoke /motion-graphics with their logo file; the director picks logo-reveal, builder composes an SVG path-draw sting reusing catalog blocks, verification snapshots pass, and the user renders an MP4. Value: a polished brand asset in minutes without video expertise.
A newsroom wants a 8-second animated card from a breaking tweet. /motion-graphics searches the tweet via media-use, classifies as tweet category, designs an animated tweet card, and renders a WebM overlay. Value: rapid, on-brand social motion graphic sourced from real content with minimal effort.
Skill Relationships
Dependency relationships read as "the upper tier points to the lower tier." The current Skill sits in the middle tier — above are Skills that depend on it, below are Skills it depends on.
Tier 1 · These Skills Use Me
Tier 2 · Current Skill
Tier 3 · I Use These Skills
Browse this skill's relationships within its skillset. Click a node to switch the side panel; use the search box to jump to any skill.
Skill File