Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →An animated pagination dots indicator — Lottie JSON. A Lottie (JSON) animation — portable motion that plays identically on web and app via lottie-web. Honors prefers-reduced-motion (don't autoplay). Reserve Lottie for motion that earns its ~160KB runtime.
.claude/skills/nexu-io-lottie-pagination/SKILL.md| Test case | Without → With | Effect | Δ tokens | Δ turns |
|---|---|---|---|---|
| case-17 | ✗→✓ | ▲ Improved | -46% | 0% |
| case-02 | ✓→✓ | ＝ Same ✓ | -21% | 0% |
| case-03 | ✓→✓ | ＝ Same ✓ | -33% | 0% |
| case-04 | ✓→✓ | ＝ Same ✓ | -43% | 0% |
| case-05 | ✓→✓ | ＝ Same ✓ | -25% | 0% |
An animated pagination dots indicator — Lottie JSON. Lottie JSON from spemer/lottie-animations-json (MIT). Part of motion-anything; obeys MOTION-SPEC.md.
lottie.min.js (runtime) and animation.json.lottie.loadAnimation({ container, renderer:'svg', loop:true, autoplay:false, path:'animation.json' }); start on intent / guard reduced-motion.prefers-reduced-motion: don't autoplay. SVG renderer; motion-as-JSON (portable, AI-readable).Other measured skills in the registry, with their headline benchmark lift.