Skip to content
Submit
SkillClaude CodeCodexMotion GraphicsVerified

motion-graphics-skills: 13 launch-video skills

Skills for launch videos, animated charts and reels where every frame is code.

Open on GitHub · ★ 285
motion-graphics-skills: 13 launch-video skills

Image: from the GitHub README, shown with credit.

Try it in 60 seconds

npx skills add charlie947/motion-graphics-skills
git clone https://github.com/charlie947/motion-graphics-skills.git
npx skills add emilkowalski/skills --skill apple-design

Install command copied from the project README. Check the README for the latest version.

What it does

Skills for launch videos, animated charts and reels where every frame is code.

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

Quoted from the README of charlie947/motion-graphics-skills.

Inside the repo

InstallSee it workStart here: one line, 60 secondsThe skillsHow they fit togetherUse itPromptsContributingBuilt byLicence

Step by step

  1. Open the GitHub repo and skim the README (install commands change often).
  2. Install it: copy the skill folder into ~/.claude/skills/ (Claude Code) or ~/.codex/skills/ (Codex), or use the plugin/marketplace command from the README.
  3. Restart Claude Code or Codex.
  4. Ask for the job in plain words; the skill loads when your request matches.

Sources & credit

All credit to the original authors. We rewrite in our own words and link back. Something wrong? Report it.

Related

SKILL0:56

HyperFrames: write HTML, get a video

Open-source renderer that turns HTML/CSS/JS scenes into frame-exact MP4s; built so coding agents can drive it.

Claude Code +1★ 63.8k
SKILL0:34

/brag: turn a finished project into a launch video

Type /brag in a project; it reads the code and renders a ~20s launch film with music, captions and share copy.

Claude Code +1★ 16k
SKILL0:28

Anatomy: interactive isometric illustrations

Draws detailed, interactive isometric cutaways of real objects as code; a port also runs in ChatGPT/Codex.

Claude Code +1★ 10.6k
SKILL

GSAP official agent skills

Official skills from GreenSock that teach agents to write correct, smooth GSAP animations.

Claude Code +1★ 16.4k
SKILL

motion-skills: 50 packs (Reels, explainers, data-viz, Manim)

Install a pack and your agent works like a motion designer for TikTok/Reels, explainers, charts and WebGL.

Claude Code +2★ 812
SKILL

animate: single-file procedural videos with a storyboard

Makes short canvas videos in any style, planning story, look and storyboard as it goes.

Claude Code★ 703

Coming soon

AgentsUses Weekly

A free weekly email with the best new skills and agent workflows is coming soon. Want a heads-up when the first issue goes out? Email [email protected] and we will let you know.

Get notified by email