Motion Graphics Skills for Claude Code, Codex & AI Agents

Official HyperFrames workflows for design-led motion graphics and video outputs.

HeyGen

Use a local video or timestamped subtitles to create a separate chapter-navigation MP4, segmented progress, and a timing table for a video editor.

dontbesilent

Make launch videos, motion graphics and explainers as editable HTML. Review frames in a local studio, leave targeted comments, and export with music and effects.

Huashu

Direct code-based motion graphics for launch films, product promos, brand stings, and kinetic typography using explicit craft rules.

Tejashmakwana

Create continuous-motion product launch films and feature demos with a coding agent.

Patrick

A short, design-led motion graphic where motion is the message — kinetic typography, stat count-up, chart/data-viz hit, logo sting / brand lockup, lower-third / callout / social overlay, animated map (highlight regions, connect places, zoom to a location), animated tweet / news-article / headline, webpage / UI animation (scroll, cursor, callouts), or fusing a real image's geometry into a chart. Usually under 10s (up to ~30s), no narration or live-action subject; renders to MP4 or transparent overlay. Longer / narrated / multi-scene → /general-video. Unclear → /hyperframes.

HeyGen

Direct and render short films from code with a library of visual styles, story planning, animation, optional narration and music, and editable project delivery.

Lemomo

Create code-driven software launch and release-note videos using real product components, motion design, music, and action sound effects.

歸藏

Create art-inspired animations and explainer clips with a coding agent, using editable scenes and motion recipes.

Huashu