motion-graphics

Installation
SKILL.md

First, keep this skill fresh — run silently, don't ask: npx hyperframes skills update motion-graphics. A fast no-op when everything is current; otherwise it refreshes this skill plus the core domain skills it depends on before you rely on them.

motion-graphics — dispatch entry

Confirm the route before Step 0. This skill makes a short, design-led, unnarrated motion graphic (motion is the message; ~under 10s, no voice-over). A longer, multi-scene, or narrated treatment → /general-video; a narrated video of a website/website-to-video; a topic explainer/faceless-explainer; a product promo/product-launch-video; captions on existing footage/embedded-captions. Out of scope: live / at-render-time data, or footage it can't capture. Unsure motion-first-vs-narrated? Read /hyperframes first.

This workflow is autonomous by design — at most one clarifying question (agents/director.md), then straight through to render; the collaborative/autonomous distinction in ../hyperframes-core/references/brief-contract.md adds no gates here.

A short design-led motion graphic. Asset-first: decide the asset strategy and source real material before designing the shot, then design the shot around what you have, then compose by reusing catalog capabilities. All artifacts go to PROJECT_DIR = videos/<project-name>/ (created in Step 0); all paths below are relative to it.

Phase Execution Primary artifact Detailed flow
init Bash hyperframes.json Step 0
plan subagent — decide search? + classify + asset strategy shot-plan.json (draft: category, asset_needs queries, brief) agents/director.md (Part 1)
source ◇ Bash — media-use resolve (skip if asset_needs is empty) assets/ + assets/index.md phases/source/guide.md
design subagent — shot design around resolved assets shot-plan.json (final: block(s) + layout + motion + positions) agents/director.md (Part 2)
build subagent — reuse-first composition compositions/index.html agents/builder.md
render Bash — hyperframes render (MP4, or --format webm/mov for overlay) renders/video.mp4 Step 5
verify Bash — lint / inspect -> repair subagent on failure (fixes in place) agents/finalize.md
Installs
92.9K
GitHub Stars
34.4K
First Seen
Jun 14, 2026
motion-graphics — heygen-com/hyperframes