Animation & motion graphics guides for AI video

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.

10 guides for animation & motion graphics: motion graphics, cartoons, hand-drawn and watercolor films, GSAP, Lottie and Rive animation.

Guides (10)

• Remotion Markup — Remotion: Write Remotion markup that animates well: timing, transitions, motion blur, effects, audio, fonts and 3D.
• 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).
• 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.

More for animation & motion graphics

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.

Workflows (3)

• 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.
• Story to Hand-drawn Video — gnipbao: Chinese stories or ordered images into silent hand-drawn diary-comic animations, with a curated 30-style menu.

Other kinds of skills

• Prompts: The words a video model obeys: camera angles, shot sizes, lighting, characters, hooks and prompt guides for Seedance, Kling, Veo, FLUX and Higgsfield. Your agent writes the prompt with them, or you paste them into the model.
• Effects: An effect you can see, added to your video: animated titles, captions, transitions, shader backgrounds, logo animations, device mockups and viral camera tricks. Hand your agent the footage or the brief and get the effect.
• Styles: The look of the whole video: art styles, film looks, color grades and LUTs, caption fonts and style references. Pick a style and every shot your agent makes follows it.
• Workflows: A brief in, a finished video out: UGC ads, product videos, music videos, talking heads, explainers, Shorts and short dramas, step by step, with the models and the edit chosen for you.
• Models & tools: Run one model or tool from your agent: Seedance, Veo, Kling, FLUX, GPT Image, Nano Banana, ElevenLabs and 1,200+ more, plus scrapers, trend search and video analysis.