Topic · Media & Creative
Best motion graphics skills for Claude Code, Codex and other agents.
- skills
- 377
- official
- 2
Motion graphics skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | Produces math and technical explainer videos with Manim Community Edition: concept animations, equation derivations, algorithm walkthroughs and data stories. | browser-use/ | 28k | 6 repos | ~3k | Automated safety check: Pass | MIT | 4 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/ | 58k | 3 repos | ~2.1k | Automated safety check: Pass | Apache-2.0 | today |
| 3 | Provides Slack size and frame limits, Python animation helpers and validators for building animated GIFs sized for emoji and messages. | anthropics/ | 180k | 28 repos | ~2k | Automated safety check: Pass | Apache-2.0 | 2 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/ | 8.4k | 6 repos | ~3.2k | Automated safety check: Notes | Apache-2.0 | 1 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/ | 58k | 3 repos | ~8.6k | Automated safety check: Pass | Apache-2.0 | today |
| 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/ | 58k | — | ~3.3k | Automated safety check: Pass | Apache-2.0 | today |
| 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/ | 58k | 3 repos | ~7.5k | Automated safety check: Notes | Apache-2.0 | today |
| 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/ | 10k | — | ~2.6k | Automated safety check: Pass | Apache-2.0 | 2 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/ | 58k | 3 repos | ~4.5k | Automated safety check: Notes | Apache-2.0 | today |
| 10 | Entry point for making, editing and rendering videos from HTML compositions with HyperFrames, routing each request to the right workflow. | heygen-com/ | 58k | 3 repos | ~5.2k | Automated safety check: Pass | Apache-2.0 | today |
| 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/ | 5.3k | — | ~1.5k | Automated safety check: Pass | Unknown | 1 mo ago |
| 12 | Automates JianYing Pro video editing through a Python wrapper, JyWrapper, covering drafts, media import, subtitles, screen recording, voiceover and export. | luoluoluo22/ | 3.8k | — | ~2.2k | Automated safety check: Pass | Apache-2.0 | 26 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/ | 58k | 3 repos | ~8.3k | Automated safety check: Notes | Apache-2.0 | today |
| 14 | Redesign GitHub README homepages or create project-native pure SVG, hybrid SVG-composed PNG/WebP, and opt-in animated GIF assets. | oil-oil/ | 1.8k | — | ~4.1k | Automated safety check: Pass | MIT | 3 days ago |
| 15 | 15.Oil Motion 把 AI 生成或已有的视频、序列帧变成随滚动、指针、拖动、触摸、设备方向、音频、数据或状态变化的网页动画:设计动作方向,生成关键帧与视频,整理成图集或视频,编译时间轴并接入运行时。用户需要角色转向、产品拆解、镜头穿越、一镜到底转场,或要清理、抠色、补帧、压缩绿幕视频与雪碧图时使用。不用于纯 CSS、JS、SVG、Lottie 或实时 3D… | oil-oil/ | 2.5k | — | ~1.6k | Automated safety check: Pass | MIT | 3 days ago |
| 16 | Applies motion design principles to create emotionally-driven, technically sound animations and transitions. | LottieFiles/ | 1.9k | 1 repo | ~3.1k | Automated safety check: Pass | MIT | 4 mo ago |
| 17 | Implement Lottie animations using dotLottie runtimes (@lottiefiles/dotlottie-web and @lottiefiles/dotlottie-react). | LottieFiles/ | 892 | — | ~3.5k | Automated safety check: Pass | MIT | yesterday |
| 18 | 18.Gsap GSAP animation reference for HyperFrames. An agent skill from boraoztunc/skills. | boraoztunc/ | 393 | 5 repos | ~1.9k | Automated safety check: Pass | Apache-2.0 | 1 mo ago |
| 19 | 19.Hyperframes Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML. | boraoztunc/ | 393 | 9 repos | ~7.6k | Automated safety check: Pass | Apache-2.0 | 1 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/ | 58k | 3 repos | ~2.8k | Automated safety check: Pass | Apache-2.0 | today |
| 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/ | 2.2k | 1 repo | ~655 | Automated safety check: Pass | AGPL-3.0 | 2 days ago |
| 22 | Build deterministic, editable, free-viewpoint Three.js worlds from text or structured briefs. | calesthio/ | 65k | — | ~2k | Automated safety check: Pass | AGPL-3.0 | 4 days ago |
| 23 | 终极口播视频 skill:中文口播稿 + 成品配音 → CPU 字级时间戳 → SHOTBOOK 层矩阵分镜 → Remotion 电影感成片(横屏默认/竖屏)。当用户要"做口播视频"、"解说/科普视频"、"把文案变成视频"、"给配音配画面动效"时使用。默认使用成品配音,可选 Fish Audio 从稿子合成配音与时间戳;数字人生成技术不在本 skill… | Vincentwei1021/ | 1.4k | — | ~8.7k | Automated safety check: Notes | Unknown | 6 days ago |
| 24 | 24.Open Edit 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/ | 1.6k | — | ~1.8k | Automated safety check: Pass | Apache-2.0 | 8 days ago |
| 25 | 25.Animate Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. | growupanand/ | 101 | 6 repos | ~1.9k | Automated safety check: Pass | Apache-2.0 | today |
| 26 | Non-animation creative direction for HyperFrames videos. An agent skill from chmonitor/chmonitor. | chmonitor/ | 298 | 5 repos | ~1.3k | Automated safety check: Pass | GPL-3.0 | yesterday |
| 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/ | 1.6k | — | ~1.7k | Automated safety check: Pass | MIT | yesterday |
| 28 | 制作代码驱动的软件产品宣传片和版本更新片(product promo、release notes video、changelog promo)。从真实功能和产品设计出发定方向,用真实组件、GSAP/Three.js 动效、原创配乐和动作音效完成影片,每支片子的视觉手法都从产品本身推导,不套模板。 | op7418/ | 696 | — | ~1.1k | Automated safety check: Pass | AGPL-3.0 | 6 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/ | 2.2k | 1 repo | ~3.2k | Automated safety check: Pass | AGPL-3.0 | 2 days ago |
| 30 | Automate Adobe After Effects via ExtendScript. An agent skill from aedev-tools/adobe-agent-skills. | aedev-tools/ | 106 | 1 repo | ~5.2k | Automated safety check: Pass | Apache-2.0 | 7 mo ago |
| 31 | Redesign GitHub README homepages or create standalone GitHub-safe SVG and animated GIF assets around a repository's real theme. | Zergie/ | 106 | 1 repo | ~3.2k | Automated safety check: Pass | GPL-3.0 | 28 days ago |
| 32 | Analyze, recreate, align, and verify reference-video motion. | Pluviobyte/ | 664 | — | ~1.8k | Automated safety check: Pass | No licence | 2 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/ | 58k | 4 repos | ~4.7k | Automated safety check: Notes | Apache-2.0 | today |
| 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/ | 1.2k | — | ~2.8k | Automated safety check: Pass | Unknown | 9 days ago |
| 35 | 给一个主题,产出一条黑底 MG 风格(幕底可选星点或点阵波)、有配音字幕章节进度条的科普讲解视频(中文或英文;Remotion 代码动画;时长由用户定,常用 3–5 分钟)。内含可编译模板、图元库、配音/分镜/渲染工具、风格与动效规范、多 agent 分工协议与 QC 判据,以及一条完整样片(《RAG 与知识库》)作为质量标尺。Turn any topic into a narrated… | Vincentwei1021/ | 2.3k | — | ~2.7k | Automated safety check: Pass | Unknown | 19 days ago |
| 36 | Direct and produce Chinese-first cinematic motion videos with HyperFrames. | geekjourneyx/ | 451 | — | ~17k | Automated safety check: Pass | AGPL-3.0 | 2 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/ | 121 | 1 repo | ~1.9k | Automated safety check: Pass | Unknown | 10 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/ | 11k | — | ~1.6k | Automated safety check: Pass | MIT | 4 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/ | 1.6k | — | ~1.7k | Automated safety check: Pass | Unknown | 16 days ago |
| 40 | 40.Animate Text Curated text animation catalog with exact JSON specs for headings, labels, counters, and text swaps. | pixel-point/ | 149 | 1 repo | ~1.6k | Automated safety check: Pass | No licence | 5 mo ago |
| 41 | 41.Anidoodle Code-drawn stills, drawing timelapses, films, explainers and interactive web animations in 31 styles, with composed scores. | alexgreensh/ | 831 | — | ~2.7k | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 42 | 42.Motion Broll 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/ | 474 | — | ~2.2k | Automated safety check: Pass | Unknown | 2 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/ | 103 | 1 repo | ~1.5k | Automated safety check: Pass | GPL-3.0 | 21 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/ | 298 | 1 repo | ~2.8k | Automated safety check: Notes | GPL-3.0 | yesterday |
| 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/ | 1.6k | — | ~1.6k | Automated safety check: Pass | MIT | yesterday |
| 46 | Create reusable black-background white-text opening animations for new videos. | Pluviobyte/ | 664 | — | ~1k | Automated safety check: Pass | No licence | 2 mo ago |
| 47 | HyperFrames CLI tool — hyperframes init, lint, preview, render, transcribe, tts, doctor, browser, info, upgrade, compositions, docs, benchmark. | nateherkai/ | 1.2k | 3 repos | ~1.2k | Automated safety check: Pass | Unknown | 9 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/ | 362 | — | ~904 | Automated safety check: Pass | Apache-2.0 | 1 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.
Explore related skills
More topics in Media & Creative
- Video production887
- Image generation726
- AI video generation635
- Text to speech and voice629
- Transcription543
- Design review and critique238
- Logo and visual identity229
- Comics and storyboards225
- Image editing192
- Social media graphics191
- Video scripts and shorts185
- Infographics160
- Music and audio generation159
- Podcasting127
- Generative and creative coding61