Build or audit interface motion using context-sensitive design guidance and an HTML or terminal report.
1.6KStars121Forks
Repository last pushed
Motion Graphics Skills for Claude Code, Codex & AI Agents
These skills help an agent plan and animate graphic elements for short films and product stories. Members cover Lottie, showreels, product motion, image animation, hand-drawn motion, and kinetic effects.
24 skillsStart here
Create narrated paper-collage explainers with Remotion, word-timed animation, charts and audio.
14Stars1Forks
Repository last pushed
Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which tool, which properties, which curve and duration, how it interrupts, how it exits. Writes the implementation. Use when asked to animate something, add motion, make a component feel alive, or build a transition. For critiquing existing motion use review-animations; for auditing a whole codebase use improve-animations.
57KStars3.3KForks
Repository last pushed
Free
Video & Motion2 skills
HyperFrames Official Skills
Official HyperFrames workflows for design-led motion graphics and video outputs.
84.4KStars7.8KForks
Repository last pushed
HeyGen
Explore Motion Graphics skills
20 skills
Free
Video & Motion
dbs-video-navigation · Video Chapter Navigation
Use a local video or timestamped subtitles to create a separate chapter-navigation MP4, segmented progress, and a timing table for a video editor.
11.4KStars1.3KForks
Repository last pushed
dontbesilent
Free
Video & Motion
Huashu Motion
Make launch videos, motion graphics and explainers as editable HTML. Review frames in a local studio, leave targeted comments, and export with music and effects.
2.7KStars265Forks
Repository last pushed
Huashu
Free
Video & Motion
Motionmaxxing
Direct code-based motion graphics for launch films, product promos, brand stings, and kinetic typography using explicit craft rules.
1.5KStars157Forks
Repository last pushed
Tejashmakwana
Free
Video & Motion
Lemo-Wake Image Animation
Turn one picture into an approximately five-second seamless loop in MP4 or GIF, with WebP, sticker GIF and macOS Live Photo exports on request.
339Stars44Forks
Repository last pushed
Lemomo
Free
Video & Motion
Dimensional Drawing Motion
Animate a finished dimensional drawing into an 8–15 second film with progressive strokes, camera moves, and lifted layers, using Claude Motion or a headless renderer.
2.1KStars149Forks
Repository last pushed
Enes Ozturk
Free & paid options
Video & Motion
onetake
Create continuous-motion product launch films and feature demos with a coding agent.
4KStars283Forks
Repository last pushed
Patrick
Build narrated motion-graphics explainers from a topic, with storyboards, Remotion animation, subtitles, and chapter progress.
3.2KStars416Forks
Repository last pushed
Turn a raster logo (PNG/JPG/WebP/screenshot) into a clean minimal SVG with edge smoothness as the primary hard gate and IoU optimized as high as reasonably possible without a fixed global threshold, then into a choreographed logo animation delivered as standalone JS-rendered HTML, applying Disney's 12 animation principles. Use when asked to animate a logo, build a logo reveal / splash screen / brand intro, convert a logo image into animated SVG or HTML, add motion to a vectorized mark, or create loading/idle/hover motion for a brand mark. v2: also handles self-crossing draw-on choreography (split-fill, exact easing subdivision, tip glint), closed variable-width ribbon fitting, and quantitative motion QA (easing probe, ink-delta continuity sweep).
2.7KStars214Forks
Repository last pushed
Free
Video & Motion
motion-graphics — dispatch entry
A short, design-led motion graphic where motion is the message — kinetic typography, stat count-up, chart/data-viz hit, logo sting / brand lockup, lower-third / callout / social overlay, animated map (highlight regions, connect places, zoom to a location), animated tweet / news-article / headline, webpage / UI animation (scroll, cursor, callouts), or fusing a real image's geometry into a chart. Usually under 10s (up to ~30s), no narration or live-action subject; renders to MP4 or transparent overlay. Longer / narrated / multi-scene → /general-video. Unclear → /hyperframes.
84.4KStars7.8KForks
Repository last pushed
HeyGen
Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and wants the right word to prompt an AI or designer with. For naming an effect, not designing or building one.
57KStars3.3KForks
Repository last pushed
Free
Video & Motion
Lemo-Opuscar
Direct and render short films from code with a library of visual styles, story planning, animation, optional narration and music, and editable project delivery.
15.7KStars1.9KForks
Repository last pushed
Lemomo
Free
Video & Motion
Guizang Product Video
Create code-driven software launch and release-note videos using real product components, motion design, music, and action sound effects.
937Stars77Forks
Repository last pushed
歸藏
Free
Video & Motion
Narrated Math Explainer Videos
Develop a narrated math walkthrough with a browser preview, styled board animations, subtitle timing, and optional MP4 export.
1.8KStars393Forks
Repository last pushed
WY
Free
Video & Motion
Huashu Art Motion
Create art-inspired animations and explainer clips with a coding agent, using editable scenes and motion recipes.
6.8KStars667Forks
Repository last pushed
Huashu
Free
Video & Motion
Cinetic Motion Design
Direct and render cinematic product films, feature loops, logo stings, and UI motion pieces using a code-based production workflow.
1.2KStars68Forks
Repository last pushed
Leon Lin
Free
Web & UI
LottieFiles Motion Design
Apply timing, easing, choreography, and animation principles to purposeful UI motion and transitions.
3KStars205Forks
Repository last pushed
LottieFiles
Turn project code or a website into a short launch video, with a full Hyperframes workflow or a lightweight alternative.
21.2KStars1.6KForks
Repository last pushed
Turn the current project website into a short, polished, shareable launch video using Hyperframes.
21.2KStars1.6KForks
Repository last pushed
Turn a project directory or a website URL into a short, shareable launch video with music, motion, and share copy.
21.2KStars1.6KForks
Repository last pushed
Create graphic, text and interface motion videos as MP4 with editable source.
15KStars1.7KForks
Repository last pushed
Related topics
Related guides
- Best Video Skills for AI Agents, Animation and Editing
Compare video skills for product demos, short films, animation, footage editing and explainers. Choose by source material, editable output and setup.
How to choose Motion Graphics skills
Choose a motion-design entry for typography and transitions, Lottie for reusable vector animation, and showreel or product-video skills when the sequence needs a polished story.
- Create a kinetic title sequence
- Animate a still image into a short scene
- Build a Lottie motion graphic