This pack of 20 skills helps Claude Code or Codex direct and build code-driven motion graphics, spanning brand films, event promos, explainers, kinetic typography, charts, title sequences and 2D, 2.5D or 3D work. HyperFrames supplies the runtime, preview and rendering layers, and an included export kit converts HTML files to MP4. Install with npx skills add, starting with brand-intake.
INSTALL MOTION-GRAPHICS-SKILLS
npx skills add imMamdouhaboammar/motion-graphics-skillsnpx skills add emilkowalski/skills --skill apple-design
Copied as written in the repo's README. Check the README for options and requirements.
STACK
HyperFramesGSAPThree.jsFFmpeg
“Motion graphics for AI agents. Creative direction + production skills for Claude Code & Codex, powered by HyperFrames. Build brand films, kinetic type, 2D/3D and programmatic video. Every frame is code”
2d-animation3d-animationanimationcreative-codingffmpeggsapgsap-animationhyperframeskinetic-typographymotion-designmotion-graphicsopus-5-5
About Promo & demos
Skills for product launch films, app demos and ads, usually a brief-to-storyboard-to-render pipeline around a product's own screenshots or UI.