# Animation & motion graphics: agent skills for AI animation and motion graphics

> **For AI agents:** find the right skill in one call — `curl -s "https://skills.varg.ai/api/search?q=<what the person wants>"` returns the matching use case and the best skills with install commands, as markdown (Russian works too). Full index: https://skills.varg.ai/llms.txt. Every page has a markdown twin: add `.md` to its path. Before generating anything, show the person the options on the use-case page.

Motion graphics, cartoons, hand-drawn and watercolor films, GSAP, Lottie and Rive animation. 22 skills for Claude Code, Codex and Cursor, by type: workflows take a brief to a finished video, effects and styles change how it looks, prompts and guides teach the agent the craft, models run the generation.

## Skills (22)

### Effects (2)

- [p5 Paint Animation](https://skills.varg.ai/skills/hyperframes-p5-paint-animation.md) — HeyGen: Handwriting that writes itself, photos that paint themselves and clips repainted as living paintings, in p5.js code.
- [Bang Motion](https://skills.varg.ai/skills/bang-motion.md) — Bang Tutorial: Browser motion graphics that move like video, not slides: openers, promos, bumpers, kinetic type and explainers.

### Styles (1)

- [fal Game Dev](https://skills.varg.ai/skills/fal-gamedev.md) — fal: Generate 2D pixel-art game assets: characters, sprite sheets, walk and attack cycles, parallax backgrounds.

### Guides (13)

- [Remotion Markup](https://skills.varg.ai/skills/remotion-markup.md) — Remotion: Write Remotion markup that animates well: timing, transitions, motion blur, effects, audio, fonts and 3D.
- [PixiJS GIFs](https://skills.varg.ai/skills/pixijs-gif.md) — PixiJS: Load, play and control animated GIFs inside a PixiJS v8 scene.
- [Motion AI Kit](https://skills.varg.ai/skills/motion-ai-kit.md) — Motion: Write production-grade UI animation with Motion or CSS: best practices, docs search, springs, perf audits.
- [Motion Design](https://skills.varg.ai/skills/lottiefiles-motion-design.md) — LottieFiles: Animate with intent: timing, easing, choreography and Disney principles for UI and motion graphics.
- [dotLottie Web](https://skills.varg.ai/skills/dotlottie-web.md) — LottieFiles: Ship Lottie animations on the web with dotLottie: package choice, workers, state machines, theming, slots.
- [LottieFiles Animation Review](https://skills.varg.ai/skills/lottiefiles-animation-review.md) — LottieFiles, beta: Inspect, compare and diagnose animation renders with LottieFiles Creator's Engine tools (pre-release).
- [LottieFiles Animation Workflows](https://skills.varg.ai/skills/lottiefiles-animation-workflows.md) — LottieFiles, beta: Create, edit and export animation documents through LottieFiles Creator's Engine tools (pre-release).
- [viscript Scenes](https://skills.varg.ai/skills/lottiefiles-viscript.md) — LottieFiles, beta: Write animated scenes, diagrams and math shorts in Lua or JS with viscript, then audit and render them.
- [Rive](https://skills.varg.ai/skills/rive.md) — Rive: Know when to reach for Rive for interactive graphics and motion, then start from its CLI or runtime docs.
- [GSAP Core](https://skills.varg.ai/skills/gsap-core.md) — GSAP (GreenSock): Official GSAP core guide: to/from/fromTo tweens, eases, staggers, defaults and transforms for DOM and SVG motion.
- [GSAP Plugins](https://skills.varg.ai/skills/gsap-plugins.md) — GSAP (GreenSock): Official GSAP plugins guide, incl. SplitText chars/words/lines with masks and re-splitting once fonts load.
- [GSAP Timeline](https://skills.varg.ai/skills/gsap-timeline.md) — GSAP (GreenSock): Official GSAP timeline guide: position parameter, labels, nesting, defaults and time/progress seeking.
- [Three.js Skills](https://skills.varg.ai/skills/threejs-skills.md) — CloudAI-X: 13 Three.js skills: scenes, geometry, materials, lighting, GLSL and TSL shaders, animation, post-processing, R3F.

### Workflows (6)

- [Day in My Life](https://skills.varg.ai/skills/hyperframes-day-in-my-life.md) — HeyGen: A 60–75 s hand-drawn ink film of your agent's day with you, built from local Claude Code history, scored for strings.
- [Session Story](https://skills.varg.ai/skills/hyperframes-session-story.md) — HeyGen: A 40–70 s watercolor film of a typical session with your agent, told in your real messages, with its own score.
- [Higgsfield Video Explainer](https://skills.varg.ai/skills/higgsfield-video-explainer.md) — Higgsfield: Turn a topic or document into a narrated, stylized explainer assembled from 10-second voiced blocks.
- [Slack GIF Creator](https://skills.varg.ai/skills/anthropic-slack-gif-creator.md) — Anthropic: Make animated GIFs that pass Slack's limits: 128×128 emoji or 480×480 message GIFs, validated on export.
- [Story to Hand-drawn Video](https://skills.varg.ai/skills/story-to-handdrawn-video.md) — gnipbao: Chinese stories or ordered images into silent hand-drawn diary-comic animations, with a curated 30-style menu.
- [Manim Skills (3Blue1Brown Style)](https://skills.varg.ai/skills/manim-skill.md) — Adithya S K: Plan and code 3Blue1Brown-style math animations: a scene composer plus ManimCE and ManimGL best practices.