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.mdto 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 — HeyGen: Handwriting that writes itself, photos that paint themselves and clips repainted as living paintings, in p5.js code.
- Bang Motion — Bang Tutorial: Browser motion graphics that move like video, not slides: openers, promos, bumpers, kinetic type and explainers.
Styles (1)
- fal Game Dev — fal: Generate 2D pixel-art game assets: characters, sprite sheets, walk and attack cycles, parallax backgrounds.
Guides (13)
- Remotion Markup — Remotion: Write Remotion markup that animates well: timing, transitions, motion blur, effects, audio, fonts and 3D.
- PixiJS GIFs — PixiJS: Load, play and control animated GIFs inside a PixiJS v8 scene.
- Motion AI Kit — Motion: Write production-grade UI animation with Motion or CSS: best practices, docs search, springs, perf audits.
- Motion Design — LottieFiles: Animate with intent: timing, easing, choreography and Disney principles for UI and motion graphics.
- dotLottie Web — LottieFiles: Ship Lottie animations on the web with dotLottie: package choice, workers, state machines, theming, slots.
- LottieFiles Animation Review — LottieFiles, beta: Inspect, compare and diagnose animation renders with LottieFiles Creator's Engine tools (pre-release).
- LottieFiles Animation Workflows — LottieFiles, beta: Create, edit and export animation documents through LottieFiles Creator's Engine tools (pre-release).
- viscript Scenes — LottieFiles, beta: Write animated scenes, diagrams and math shorts in Lua or JS with viscript, then audit and render them.
- Rive — Rive: Know when to reach for Rive for interactive graphics and motion, then start from its CLI or runtime docs.
- GSAP Core — GSAP (GreenSock): Official GSAP core guide: to/from/fromTo tweens, eases, staggers, defaults and transforms for DOM and SVG motion.
- GSAP Plugins — GSAP (GreenSock): Official GSAP plugins guide, incl. SplitText chars/words/lines with masks and re-splitting once fonts load.
- GSAP Timeline — GSAP (GreenSock): Official GSAP timeline guide: position parameter, labels, nesting, defaults and time/progress seeking.
- Three.js Skills — CloudAI-X: 13 Three.js skills: scenes, geometry, materials, lighting, GLSL and TSL shaders, animation, post-processing, R3F.
Workflows (6)
- Day in My Life — 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 — 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 — Higgsfield: Turn a topic or document into a narrated, stylized explainer assembled from 10-second voiced blocks.
- Slack GIF Creator — 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 — gnipbao: Chinese stories or ordered images into silent hand-drawn diary-comic animations, with a curated 30-style menu.
- Manim Skills (3Blue1Brown Style) — Adithya S K: Plan and code 3Blue1Brown-style math animations: a scene composer plus ManimCE and ManimGL best practices.