Skip to content
Get Friday PicksSubmit

Awesome AI Motion: 637-technique motion guide your agent reads

A motion field guide packaged as an agent skill: hundreds of named techniques with tuned parameters, reference clips and recipes, so the agent picks motion that fits each scene.

In short: A motion field guide packaged as an agent skill: hundreds of named techniques with tuned parameters, reference clips and recipes, so the agent picks motion that fits each scene. It is a free skill for people who use Claude Code or Codex and want help with motion graphics.

Checked on · Added

Open on GitHub · ★ 238

Works with

Agent / toolAccess / costLink
Claude CodePaid Claude plan or APIclaude.com/claude-code
CodexChatGPT plan or APIopenai.com/codex
GitHub repoOpen source · ★ 238gongnyang/awesome-ai-motion
Awesome AI Motion: 637-technique motion guide your agent reads

Image: from the GitHub README, shown with credit.

Image from the gongnyang/awesome-ai-motion READMEImage from the gongnyang/awesome-ai-motion README

Images from the project README on GitHub.

Reference videos (1)

Real videos made with this skill, credited to their creators. Hover to preview.

Reel of motion techniques from Awesome AI Motion thumbnailMOTION0:20

Reel of motion techniques from Awesome AI Motion

A fast tour of techniques catalogued in the awesome-ai-motion guide, which the first reply links.

awesome-ai-motion@beamnxw♥ 1.1k

Try it in 60 seconds

git clone https://github.com/gongnyang/awesome-ai-motion.git
npm install                          # Optional if global playwright is available
npx playwright install chromium      # Skip if Chromium is already installed

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

What it does

A motion field guide packaged as an agent skill: hundreds of named techniques with tuned parameters, reference clips and recipes, so the agent picks motion that fits each scene.

637 techniques · 128 reference clips · 11 recipes · 7 design routes

Short excerpt from the README of gongnyang/awesome-ai-motion. Read the full README on GitHub.

Inside the repo

Quick start1. Get the guide2. Connect the skill3. Render your first clipSixteen high-impact clipsEight recipes in motionFind your next sceneContributingLicense and sources

A prompt to try

Using awesome-ai-motion, pick the right techniques for a 20-second product explainer about [product], tell me which cards you chose and why, then build it.

Written by us so you can reuse it. Replace each [bracket] with your details.

Step by step

  1. Open the GitHub repo and read the README (install commands change often).
  2. Install it: clone the repo and link or copy it into ~/.claude/skills/awesome-ai-motion (Codex: ~/.codex/skills/).
  3. Restart your agent so it picks the skill up.
  4. Describe the video you want in plain words, then review the draft frames before the final render.

Docs, demos & materials

Sources & credit

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

Related skills and use cases in Motion Graphics

See all Motion Graphics entries →

Related

HyperFrames: write HTML, get a video thumbnailSKILL0: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 logoCodex logoClaude Code +1★ 63.8k
/brag: turn a finished project into a launch video thumbnailSKILL0: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 logoCodex logoClaude Code +1★ 16k
Anatomy: interactive isometric illustrations thumbnailSKILL0:28

Anatomy: interactive isometric illustrations

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

Claude Code logoCodex logoClaude Code +1★ 10.6k
huashu-art-motion: animate artwork in 35 art styles thumbnailSKILL

huashu-art-motion: animate artwork in 35 art styles

Brings paintings and illustrations to life with code, offering dozens of art styles and several narration patterns for art-explainer videos.

Claude Code logoCodex logoClaude Code +1★ 4.2k
GSAP official agent skills thumbnailSKILL

GSAP official agent skills

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

Claude Code logoCodex logoClaude Code +1★ 16.4k
lemo-opuscar: short films in 51 styles, no video model thumbnailSKILL

lemo-opuscar: short films in 51 styles, no video model

A Claude Code skill that makes short films entirely in code, choosing from 51 film styles each backed by its own style recipe.

Claude Code logoClaude Code★ 2.7k

Free newsletter

Friday Picks

New AI tools you can use right away, in plain words. Every Friday.

Free. No spam. Unsubscribe anytime.