Web Animation Skills
web-animation-skills
Web animation skills: GSAP, SVG, Lottie, micro-interactions, page transitions, 60 frames per second. Install with npx skills or as a plugin
- 37 ★ on the repository
- Last commit
- MIT
Minimal access
Why this level
- 60 frames per second has to be checked on the project
- The set is about GSAP and SVG
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/web-animation-skillsDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewMinimal accessThe tool runs nothing and makes no network calls.
- 60 frames per second has to be checked on the project
- The set is about GSAP and SVG
This is third-party code. Review the repository files before installing.
What it does
Web Animation Skills is a set of skills for web animation: GSAP, SVG, Lottie, micro-interactions, page transitions and smoothness at 60 frames per second. Installation: `npx skills add iart-ai/web-animation-skills`, or in Claude Code `/plugin marketplace add iart-ai/web-animation-skills` and `/plugin install web-animation-skills`. MIT license. The author also publishes other skill sets, which are not covered here.
Who it is for. For frontend developers who need smooth interface animation on GSAP and SVG and page transitions.
Good fit when
- You need GSAP and SVG animation
- You need micro-interactions and page transitions
- You need work with Lottie
Not a fit when
- You need animation on Framer Motion: the set is about GSAP and SVG
- You need a ready video without code
Example request
Add a smooth section transition on GSAP and an SVG icon hover animation to the pageLimitations
The 60 frames per second rate has to be checked on your project and devices. The skills are text, so access is minimal. The author's organization is commercial and offers other sets.
How to disable. Remove the skill from the agent's folder or the plugin through the plugin manager.
FAQ
What is in the set?
Skills for GSAP, SVG, Lottie, micro-interactions and page transitions.
How do I install it?
npx skills add iart-ai/web-animation-skills or as a plugin /plugin marketplace add iart-ai/web-animation-skills.
What license is it?
MIT.
Discussion
No questions or reviews yet.
Related
SkillsOfficial GreenSock skills that teach agents correct GSAP animation code, from tweens and timelines to ScrollTrigger, plugins and React
A Claude Code plugin and skill marketplace for 3D, animation and modern web: Three.js, GSAP, React Three Fiber, Babylon.js
Scroll Video Website Skill
scroll-video-website-skill
A skill turning video into a site with smooth frame-by-frame scrolling. One-command installation with npx skills
Creative coding skills for Claude Code: motion, micro-interactions and visual systems for web, Android and Apple
Motion Web
motion-web
Sites with motion first on pure Three.js, Canvas 2D, WebGL and CSS: damping physics, tokens, 7 examples. CC BY-NC 4.0 license
Motion.dev Animations Skill
motion-dev-animations-skill
A Claude Code skill for Motion.dev, the successor of Framer Motion: 120 fps web animation, spring physics, scroll animation
Comparison with similar tools
Entries that share the main search query, and how they differ.
| Entry | Official | Repository stars | Main difference |
|---|---|---|---|
| Web Animation Skills (this entry) | no | 37 | |
| Motion.dev Animations Skill | no | 160 | Motion.dev web animation: springs and scroll |
| Lottie Skill (Diffusion Studio) | no | 5,571 | Lottie animations from text for production |
README in short
The README describes a web animation skill set with installation through npx skills and a plugin. MIT license.