# Create Short Motion Graphics

Short motion graphics are hard to plan, source, build, and validate consistently. This skill guides Claude, Codex, and Claude Code through HyperFrames workflows for polished, renderable motion-first videos.

## Install

```bash
npx skillstore add heygen-com/motion-graphics
```

## Metadata

- - Slug: heygen-com-motion-graphics
- - Version: 1.0.0
- - Author: heygen-com
- - GitHub username: heygen-com
- - License: MIT
- - Repository: https://github.com/heygen-com/hyperframes/tree/main/skills/motion-graphics/
- - Ref: main
- - Supported tools: Claude, Codex, Claude Code
- - Risk level: medium
- - Risk factors: scripts, network, filesystem, env\_access, external\_commands
- - Quality score: 50
- - Quality tier: warning
- - Public page: https://skillstore.pages.dev/skills/heygen-com-motion-graphics
- - Manifest: https://skillstore.pages.dev/api/skills/heygen-com-motion-graphics/manifest

## Capabilities

- Routes short video requests into motion-first categories such as kinetic type, stats, charts, maps, logo reveals, lower thirds, tweets, news, webpages, and asset fusion.
- Defines a phased HyperFrames workflow for initialization, planning, asset sourcing, design, build, render, and validation.
- Provides category modules with concrete layout, animation, sourcing, and build rules for each supported motion graphic type.
- Includes reusable builder guidance for paused GSAP timelines, deterministic rendering, clip structure, local assets, and HyperFrames validation.
- Ships helper scripts for map basemap baking and visual target localization when advanced asset-aligned graphics are needed.
- Supports MP4 output and alpha overlay output through HyperFrames render formats.

## Use Cases

- Launch a Social Motion Hit: Turn a short claim, stat, quote, or headline into a polished motion-first clip for social channels.
- Animate Product Interface Highlights: Capture a webpage or interface and create a quick visual highlight with scroll, cursor, zoom, and callout motion.
- Create Broadcast-Style Data Moments: Build charts, stat reveals, or map shots that use focused animation to make one data point clear.

## Prompt Templates

### Beginner: Kinetic Text Clip

```
Create a 6 second vertical motion graphic with the line: "Ship the moment, not the meeting." Use kinetic type, high contrast, and MP4 output.
```

### Intermediate: Stat Reveal

```
Create an 8 second stat motion graphic for 73 percent adoption. Use a count-up, a compact subtitle, and a clean data-focused visual style.
```

### Advanced: Webpage Highlight

```
Create a short webpage highlight from this URL. Capture the page, zoom to the pricing section, add a cursor click, and end on one callout.
```

### Expert: Map Basemap Shot

```
Create a 10 second 16:9 map shot that zooms to France and Germany, bakes a dark basemap, draws borders, adds labels, and renders an MP4.
```

## Limitations

- It is intended for short, unnarrated motion graphics, usually under 30 seconds.
- Long narrated videos, product promos, website tours, PR explainers, and captioning workflows should use other HyperFrames skills.
- Some categories depend on external search, capture, map tiles, image generation, or provider keys.
- Helper scripts require local tools such as Node, ffmpeg, Chrome, and HyperFrames.

## Best Practices

- Keep the message to one dominant motion idea and one clear viewer takeaway.
- Use project-local frozen assets and validate with HyperFrames lint and inspect before rendering.
- Choose asset-free categories when external search or provider keys are unavailable.

## Anti Patterns

- Do not use this skill for long narrated videos or multi-scene brand reels.
- Do not rely on live render-time network assets when deterministic output is required.
- Do not skip visual validation after building or repairing a composition.

## Security Audit

- - Safe to publish: true
- - Audited at: 2026-06-27T09:03:58.269\+00:00
- - Summary: Static analysis reported a high volume of command, network, filesystem, and environment findings. Most Markdown backtick and weak-crypto alerts are false positives from documentation, examples, and animation terminology, but two helper scripts do execute local tools and can contact third-party services. No prompt injection attempt or malicious intent was found, but publication should include warnings for script execution, external asset fetching, and optional image upload to a Google API.

## Stats

- - Views: 0
- - Downloads: 0
- - Favorites: 0
- - Popularity score: 0