lottie skills

10 tagged lottie, measured the same way as everything else here.

Browse within: accessibility 9claude-skill 9css-animation 9gsap 9micro-interactions 9

motion-design

01

LottieFiles/motion-design-skill

Skill Claude CodeCodex

Applies motion design principles to create emotionally-driven, technically sound animations and transitions. Provides timing, easing, choreography, and Disney animation principles adapted for UI. Use when creating animations, transitions, micro-interactions, loading states, page transitions, scroll-triggered effects…

1.5k 3mo ago A 82 tokens original MIT

60fps-animation

02

iart-ai/web-animation-skills

Skill Claude CodeCodex

This skill should be used when the user asks to "fix janky CSS animation", "make animation 60fps", "stop layout thrashing", "animate width/height/top/left smoothly", "convert animation to transform", "animate box-shadow performantly", "animate height auto", "FLIP animation", or "why is my scroll/hover animation…

17 2mo ago A 79 tokens original MIT

iart-ai/web-animation-skills

Skill Claude CodeCodex

This skill should be used when the user asks to "respect prefers-reduced-motion", "honor reduced motion", "make my animations accessible", "fix vestibular / motion-sickness issues", "add a useReducedMotion hook", "gate GSAP / Framer Motion / Lenis for reduced motion", or "meet WCAG 2.3.3 / C39". Provides tiered (not…

17 2mo ago A 98 tokens original MIT

glassmorphism

04

iart-ai/web-animation-skills

Skill Claude CodeCodex

This skill should be used when the user asks to "add a glassmorphism effect", "frosted glass UI", "Apple liquid glass style", "frosted blur card", "translucent glass panel animation", "make a frosted nav bar", "build a glass modal/dialog", "animate a glass card on hover", or "add a refracting liquid-glass hero".…

17 2mo ago A 122 tokens original MIT