Motion Graphics Skills

Motion Graphics Skill Pack

15 skills that make launch-grade motion graphics with Claude Code. Every frame is code.

Install  ·  See it work  ·  The skills  ·  How they fit  ·  Prompts  ·  Newsletter

I make launch videos, animated charts and reels without After Effects or a video generator. Claude Code writes the animation as code, draws every frame and renders an MP4. These 15 skills are the workflows I use, with the rules that came out of real rejected drafts.

Install

One line, about 30 seconds:

npx skills add charlie947/motion-graphics-skills

Then open Claude Code, pick Opus 5.5 with /model, and run brand-intake first.

Manual copy into Claude Code

Download this repo (green Code button, then Download ZIP) and unzip it, or clone it:

git clone https://github.com/charlie947/motion-graphics-skills.git

Copy the 15 folders inside skills/ into ~/.claude/skills/ (every project) or your project's .claude/skills/ (one project). This loop keeps any skill folder you already have:

mkdir -p ~/.claude/skills
for skill in motion-graphics-skills/skills/*; do
  [ -f "$skill/SKILL.md" ] || continue
  destination="$HOME/.claude/skills/$(basename "$skill")"
  if [ -e "$destination" ]; then
    printf 'Preserved existing skill: %s\n' "$destination"
  else
    cp -R "$skill" "$destination"
  fi
done

Claude Desktop (upload one skill)

Zip one skill folder and upload it in Customise, then Skills. From motion-graphics-skills/skills:

zip -r brand-intake.skill brand-intake

Start with brand-intake, then add the skills you need.

Codex

From your project's root, after cloning this repo into it:

test -d motion-graphics-skills/skills || { printf 'Missing source skills folder\n'; exit 1; }
mkdir -p .agents/skills || exit 1
for skill in motion-graphics-skills/skills/*; do
  [ -f "$skill/SKILL.md" ] || continue
  name="$(basename "$skill")"
  destination=".agents/skills/$name"
  if [ -e "$destination" ] || [ -L "$destination" ]; then
    printf 'Preserved existing skill: %s\n' "$destination"
  else
    cp -R "$skill" "$destination" || exit 1
  fi
done

Open a fresh Codex task and check the skills load from .agents/skills/<name>/SKILL.md.

Export to MP4

Add HyperFrames once (free, open source): npx skills add heygen-com/hyperframes.

See it work

Start here: one line, 60 seconds

Before any skill, paste this into Claude Code on Opus 5.5:

Make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are. Go all out.

Then change it by describing the edit:

• "Slow down the second scene."
• "Swap the text for mine: [your words]."
• "Use my brand colours: [hex codes]."
• "Make it 1080 x 1350 for LinkedIn."

When you want a specific job done properly, pick a skill below.

The skills

Fourteen skills, in the order you use them. Type the line on the right into Claude Code and the right skill picks it up.