charlie947 / 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:
 [code] 
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:
 [code] 
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:
 [code] 
 Claude Desktop (upload one skill) 
Zip one skill folder and upload it in Customise, then Skills. From `motion-graphics-skills/skills`:
 [code] 
Start with `brand-intake`, then add the skills you need.
 Codex 
From your project's root, after cloning this repo into it:
 [code] 
Open a fresh Codex task and check the skills load from `.agents/skills/ /SKILL.md`.
 Export to MP4 
Add HyperFrames once (free, open source): `npx skills add heygen-com/hyperframes`.
## See it work
 A 20-second launch film. Deep blue glass, one glow, every word from a fact list I approved. No screen recording. 
 A 12-second milestone loop. A night sky of points pulls into my real number. 
### Start here: one line, 60 seconds
Before any skill, paste this into Claude Code on Opus 5.5:
 [code] 
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.
| Stage | Skill | What you get | Say this |
|---|---|---|---|
| Set up | **brand-intake** | Builds brand.md and MOTION.md. Every other skill reads them first. | "Set up my brand for motion. Here are five frames I like." |
| Plan | **motion-brief-writer** | Turns a rough idea into a precise build brief in your brand. | "Write me a motion brief for my next milestone post." |
| Plan | **reference-to-motion** | Breaks down a video you admire for its moves, takes the look from a website or moodboard, then writes a scene-by-scene Claude Motion prompt. | "Break down this reference and turn it into a Motion prompt." |
| Plan | **motion-prompt-writer** | Turns your brand and one moment into a full 8-part Claude Motion prompt: the bar, format, one rule, look, motion, never, a self-check, and the scene. | "Write me a Motion prompt for a button that turns into a tick." |
| Launch | **launch-video** | A 3