charlie947/motion-graphics-skills

What is it?

Key features

• 01Builds motion graphics and videos entirely from code, with no After Effects needed.
• 02Stores brand colours, type and motion rules in brand.md and MOTION.md for reuse.
• 03Includes skills for launch films, explainers, animated charts and milestone reveals.
• 04Exports to MP4 and vertical 1080 x 1920 formats for Reels and TikTok.
• 05Works with Claude Code and Codex through a simple install command.

Use cases

• Making a product launch video without a motion designer or video software.
• Animating a chart or data series while keeping every value as supplied.
• Creating a vertical social video from an existing clip.
• Producing a looping newsletter cover as a GIF.

Quick start

1. 1

   Install the skills with npx

   npx skills add charlie947/motion-graphics-skills
2. 2

   Open Claude Code and select the Opus 5.5 model

   /model
3. 3

   Run brand-intake first to set up your brand files

Things to know

• !Building animations requires Claude Code on Opus 5.5, a specific model.
• !MP4 export needs the separate HyperFrames skill or ffmpeg plus Chrome.

Topics

FAQ

What is motion-graphics-skills?

A set of 13 to 15 Claude Code skills that generate motion graphics and launch videos as code, rendering frames to MP4 without After Effects. This skill pack lets Claude Code build motion graphics, launch films, animated charts and short social videos by writing the animation as code. Each frame is drawn in code, so no After Effects or AI video generator is involved. The skills cover a full workflow: setting up brand colours, type and motion rules in brand.md and MOTION.md, planning a brief, building the animation, and exporting to MP4 or vertical Reel formats.

Is motion-graphics-skills free to use? What license does it have?

motion-graphics-skills is open source under the MIT license. Check the license terms before using it in commercial products.

Is motion-graphics-skills still maintained?

Actively maintained. The last commit to motion-graphics-skills was on Oct 11, 2026.

What can I use motion-graphics-skills for?

Making a product launch video without a motion designer or video software. Animating a chart or data series while keeping every value as supplied. Creating a vertical social video from an existing clip. Producing a looping newsletter cover as a GIF.

How do I install motion-graphics-skills?

Install the skills with npx: npx skills add charlie947/motion-graphics-skills Open Claude Code and select the Opus 5.5 model: /model Run brand-intake first to set up your brand files

Where can I get motion-graphics-skills?

The source code and installation instructions are on GitHub: https://github.com/charlie947/motion-graphics-skills