Topic · Media & Creative

Best motion graphics skills for Claude Code, Codex and other agents.

Skills that make animated graphics and motion design from code.
skills
377
official
2

Motion graphics skills, ranked

Ranked by score. Sort bymost stars,trending,newest,recently updated

Motion graphics skills, ranked
#SkillRepositoryStarsUsed inTokensAuto-checkLicenceUpdated
1

Produces math and technical explainer videos with Manim Community Edition: concept animations, equation derivations, algorithm walkthroughs and data stories.

browser-use/video-use28k6 repos~3kAutomated safety check: PassMIT4 days ago
2

Collects motion rules, scene blueprints, transitions and runtime adapters for HyperFrames video compositions, with GSAP as the default animation runtime.

heygen-com/hyperframes58k3 repos~2.1kAutomated safety check: PassApache-2.0today
3

Provides Slack size and frame limits, Python animation helpers and validators for building animated GIFs sized for emoji and messages.

anthropics/skills180k28 repos~2kAutomated safety check: PassApache-2.02 days ago
4

Builds walkthrough videos from Stitch design projects using Remotion, with transitions, zoom effects and text overlays on each screen.

google-labs-code/stitch-skills8.4k6 repos~3.2kAutomated safety check: NotesApache-2.01 mo ago
5

Adds captions to a single-subject talking-head video without editing the footage, from plain subtitles to cinematic text placed behind the speaker.

heygen-com/hyperframes58k3 repos~8.6kAutomated safety check: PassApache-2.0today
6

Turns a weekly changelog markdown file into a branded HyperFrames video with voiceover, animated mock-UI scenes and captions, using fonts, background and scripts bundled in the skill.

heygen-com/hyperframes58k—~3.3kAutomated safety check: PassApache-2.0today
7

Turns an article, notes or a topic brief into an explainer video whose visuals are invented per scene, built frame by frame in HyperFrames with no footage.

heygen-com/hyperframes58k3 repos~7.5kAutomated safety check: NotesApache-2.0today
8

Makes cinematic product videos with Remotion from shot recipe cards, a ready template, real page screenshots, camera moves and sound design, or builds a single animated shot.

Vincentwei1021/video-shotcraft10k—~2.6kAutomated safety check: PassApache-2.02 days ago
9

Imports Figma assets, brand tokens, components and motion into a HyperFrames video composition, using the Figma REST API with a connector or native export for shaders.

heygen-com/hyperframes58k3 repos~4.5kAutomated safety check: NotesApache-2.0today
10

Entry point for making, editing and rendering videos from HTML compositions with HyperFrames, routing each request to the right workflow.

heygen-com/hyperframes58k3 repos~5.2kAutomated safety check: PassApache-2.0today
11

Turns one photograph into a finished poster, then animates a flat paper tear into an Apple Live Photo ZIP and can hand it to a local importer.

Zeejay0/gathered-scenes-zine-skill5.3k—~1.5kAutomated safety check: PassUnknown1 mo ago
12

Automates JianYing Pro video editing through a Python wrapper, JyWrapper, covering drafts, media import, subtitles, screen recording, voiceover and export.

luoluoluo22/jianying-editor-skill3.8k—~2.2kAutomated safety check: PassApache-2.026 days ago
13

Turns a product URL, script or brief into a launch or promo video built frame by frame in HyperFrames, from brand capture and story design to rendering.

heygen-com/hyperframes58k3 repos~8.3kAutomated safety check: NotesApache-2.0today
14

Redesign GitHub README homepages or create project-native pure SVG, hybrid SVG-composed PNG/WebP, and opt-in animated GIF assets.

oil-oil/beautify-github-readme1.8k—~4.1kAutomated safety check: PassMIT3 days ago
15

把 AI 生成或已有的视频、序列帧变成随滚动、指针、拖动、触摸、设备方向、音频、数据或状态变化的网页动画:设计动作方向,生成关键帧与视频,整理成图集或视频,编译时间轴并接入运行时。用户需要角色转向、产品拆解、镜头穿越、一镜到底转场,或要清理、抠色、补帧、压缩绿幕视频与雪碧图时使用。不用于纯 CSS、JS、SVG、Lottie 或实时 3D…

oil-oil/oil-motion2.5k—~1.6kAutomated safety check: PassMIT3 days ago
16

Applies motion design principles to create emotionally-driven, technically sound animations and transitions.

LottieFiles/motion-design-skill1.9k1 repo~3.1kAutomated safety check: PassMIT4 mo ago
17

Implement Lottie animations using dotLottie runtimes (@lottiefiles/dotlottie-web and @lottiefiles/dotlottie-react).

LottieFiles/dotlottie-web892—~3.5kAutomated safety check: PassMITyesterday
18
18.Gsap

GSAP animation reference for HyperFrames. An agent skill from boraoztunc/skills.

boraoztunc/skills3935 repos~1.9kAutomated safety check: PassApache-2.01 mo ago
19

Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML.

boraoztunc/skills3939 repos~7.6kAutomated safety check: PassApache-2.01 mo ago
20

Ports an existing Remotion (React) composition to HyperFrames HTML with GSAP, one way, and grades the result against a tiered set of reference fixtures.

heygen-com/hyperframes58k3 repos~2.8kAutomated safety check: PassApache-2.0today
21

Connects an MCP-capable agent to the local OpenChatCut video editor to inspect and edit projects through draft edit sessions, with manual approval by default.

0xsline/OpenChatCut2.2k1 repo~655Automated safety check: PassAGPL-3.02 days ago
22

Build deterministic, editable, free-viewpoint Three.js worlds from text or structured briefs.

calesthio/OpenMontage65k—~2kAutomated safety check: PassAGPL-3.04 days ago
23

终极口播视频 skill:中文口播稿 + 成品配音 → CPU 字级时间戳 → SHOTBOOK 层矩阵分镜 → Remotion 电影感成片(横屏默认/竖屏)。当用户要"做口播视频"、"解说/科普视频"、"把文案变成视频"、"给配音配画面动效"时使用。默认使用成品配音,可选 Fish Audio 从稿子合成配音与时间戳;数字人生成技术不在本 skill…

Vincentwei1021/video-talkcraft1.4k—~8.7kAutomated safety check: NotesUnknown6 days ago
24

Video work with VEED's hosted services and a CLI toolkit — word-timed transcription, cutting, background removal, AI presenters, lipsync, any fal model, sound mixing, and a Chrome renderer for HTML…

veedstudio/open-edit1.6k—~1.8kAutomated safety check: PassApache-2.08 days ago
25

Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight.

growupanand/ConvoForm1016 repos~1.9kAutomated safety check: PassApache-2.0today
26

Non-animation creative direction for HyperFrames videos. An agent skill from chmonitor/chmonitor.

chmonitor/chmonitor2985 repos~1.3kAutomated safety check: PassGPL-3.0yesterday
27

Takes a reference video and a short brief, analyzes its cutting and visual style, then plans and builds a new MP4 in a matching style.

edenfunf/reelmimic1.6k—~1.7kAutomated safety check: PassMITyesterday
28

制作代码驱动的软件产品宣传片和版本更新片(product promo、release notes video、changelog promo)。从真实功能和产品设计出发定方向,用真实组件、GSAP/Three.js 动效、原创配乐和动作音效完成影片,每支片子的视觉手法都从产品本身推导,不套模板。

op7418/guizang-product-video-skill696—~1.1kAutomated safety check: PassAGPL-3.06 days ago
29

Generates WebGL shaders for video effects, transitions, masks and color grades in the OpenChatCut editor, trying built-in catalog effects such as zoom before making anything new.

0xsline/OpenChatCut2.2k1 repo~3.2kAutomated safety check: PassAGPL-3.02 days ago
30

Automate Adobe After Effects via ExtendScript. An agent skill from aedev-tools/adobe-agent-skills.

aedev-tools/adobe-agent-skills1061 repo~5.2kAutomated safety check: PassApache-2.07 mo ago
31

Redesign GitHub README homepages or create standalone GitHub-safe SVG and animated GIF assets around a repository's real theme.

Zergie/YAMMU1061 repo~3.2kAutomated safety check: PassGPL-3.028 days ago
32

Analyze, recreate, align, and verify reference-video motion.

Pluviobyte/video-production-skills664—~1.8kAutomated safety check: PassNo licence2 mo ago
33

Turns a music track into a beat-synced HyperFrames video such as a lyric video, slideshow or kinetic promo, with any supplied images or clips cut onto the beat grid.

heygen-com/hyperframes58k4 repos~4.7kAutomated safety check: NotesApache-2.0today
34

Design and build a 10-30 second motion-design showreel or brand reel in the style of Nate's Opus 5.5 "CLAUDE / MOTION REEL": one brand motif transformed through labeled craft chapters, a persistent…

nateherkai/hyperframes-student-kit1.2k—~2.8kAutomated safety check: PassUnknown9 days ago
35

给一个主题,产出一条黑底 MG 风格(幕底可选星点或点阵波)、有配音字幕章节进度条的科普讲解视频(中文或英文;Remotion 代码动画;时长由用户定,常用 3–5 分钟)。内含可编译模板、图元库、配音/分镜/渲染工具、风格与动效规范、多 agent 分工协议与 QC 判据,以及一条完整样片(《RAG 与知识库》)作为质量标尺。Turn any topic into a narrated…

Vincentwei1021/anything2explainer2.3k—~2.7kAutomated safety check: PassUnknown19 days ago
36

Direct and produce Chinese-first cinematic motion videos with HyperFrames.

geekjourneyx/hyperframes-motion-director451—~17kAutomated safety check: PassAGPL-3.02 mo ago
37

Make hand-painted watercolour-and-ink cartoon videos (MP4) with code — p5.js + p5.brush rendered frame by frame in headless Chrome, encoded with ffmpeg — starring Clawd or any character.

tuzhechen2005/opus-video-skills1211 repo~1.9kAutomated safety check: PassUnknown10 days ago
38

Writes HTML compositions with a GSAP timeline that the render_video tool turns into deterministic MP4 videos from data, text or layouts.

spinabot/brigade11k—~1.6kAutomated safety check: PassMIT4 days ago
39

Analyzes a reference video's layout, motion and timing over a chosen time range, then builds an original animated replica with new copy and assets plus a final video QC.

Pluviobyte/rnskill1.6k—~1.7kAutomated safety check: PassUnknown16 days ago
40

Curated text animation catalog with exact JSON specs for headings, labels, counters, and text swaps.

pixel-point/animate-text1491 repo~1.6kAutomated safety check: PassNo licence5 mo ago
41

Code-drawn stills, drawing timelapses, films, explainers and interactive web animations in 31 styles, with composed scores.

alexgreensh/anidoodle831—~2.7kAutomated safety check: PassApache-2.02 days ago
42

Turn a talking-head video and its transcript into motion-graphic B-roll timed to the speaker's words, in a continuous one-shape style (one element that morphs and never cuts, driven by a cursor…

Barty-Bart/motion-graphics474—~2.2kAutomated safety check: PassUnknown2 days ago
43
43.Ui2v

A skill your agent uses when helping users discover, install, publish, share, sync, or update UI2V video motion assets and HyperFrames motion packages.

illli-studio/ui2v1031 repo~1.5kAutomated safety check: PassGPL-3.021 days ago
44

Audio and media assets for HyperFrames compositions, produced by one shared audio engine (scripts/audio.mjs) — multi-provider TTS (HeyGen / ElevenLabs / Kokoro local), background music + sound…

chmonitor/chmonitor2981 repo~2.8kAutomated safety check: NotesGPL-3.0yesterday
45

Builds Japanese TV-anime style MP4 videos in code, with cel-shaded characters, painted backgrounds and staging effects, rendered in headless Chrome and encoded with ffmpeg.

edenfunf/reelmimic1.6k—~1.6kAutomated safety check: PassMITyesterday
46

Create reusable black-background white-text opening animations for new videos.

Pluviobyte/video-production-skills664—~1kAutomated safety check: PassNo licence2 mo ago
47

HyperFrames CLI tool — hyperframes init, lint, preview, render, transcribe, tts, doctor, browser, info, upgrade, compositions, docs, benchmark.

nateherkai/hyperframes-student-kit1.2k3 repos~1.2kAutomated safety check: PassUnknown9 days ago
48

Produces Chinese hand-drawn explainer videos with voiceover, subtitles, timeline, editable project and a real MP4, by stroke-by-stroke story animation or programmatic animation.

hi-nikola/hand-drawn-explainer-video-nikola362—~904Automated safety check: PassApache-2.01 mo ago

Questions, answered from the data.

What is the best motion graphics skill?

Manim Video Production from browser-use/video-use ranks first of the 377 motion graphics skills listed here, with the highest score: its repository has 28k GitHub stars, 6 other GitHub owners carry a copy, its SKILL.md loads about 3k tokens and it passes the automated safety check with no findings. Next come HyperFrames Animation and Slack GIF Creator.

Which motion graphics skills are official?

2 of the 377 motion graphics skills are official, published by the vendor's own GitHub organization: Slack GIF Creator and Stitch to Remotion Walkthrough Videos.

How are these skills ranked?

By Skill Navigator score, which combines the GitHub stars of the skill's repository (shared across that repo's skills and discounted for large collections), how many other GitHub owners carry a copy of the skill, and automated SKILL.md quality checks, minus penalties for safety-check warnings and for each further skill from the same repository. Skills that fail the safety check are not listed.