Motion design
Skill goharabbas321/zeoel-framework/.agents/skills/zeoel/skills/motion-design
Premium motion and interaction design skill. Covers Lottie animation integration, GSAP easing vectors, and visual micro-interactions.From its SKILL.md
npx -y skills add goharabbas321/zeoel-framework --skill motion-designAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
2 things to look at
- no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.
- 0 stars0 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
SKILL.md
1.1 KB, 219 tokens by cl100k_base, as published. Nobody here has run it
/motion-design — Premium Motion Design & Micro-Interactions
Motion-Design implements premium, Awwwards-quality motion layout systems, fluid CSS transitions, Lottie animation files, and dynamic visual micro-interactions.
🎨 Motion & Easing Principles
1. Easing Vectors & Dynamics
- Standard Easing: Standard entry animations must utilize ease-out vectors (
cubic-bezier(0.25, 1, 0.5, 1)) for premium, organic transitions. - GSAP Timelines: Coordinate complex multi-element entries using choreographed GSAP timelines.
- Spring Physics: Enforce spring animations (
stiffness: 100,damping: 15) for tactile hover and tap card transitions.
2. Lottie & Vector Integration
- Integrate lightweight
.lottieor JSON vectors for key interaction checkpoints (e.g., success checkmarks, loading spinners). - Bind Lottie animations to viewport scroll events using Locomotive Scroll or GSAP ScrollTrigger.
What ships with it
Read from the repository
Just SKILL.md. No reference files, no scripts.