Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →A heart/favorite icon that animates on toggle — Lottie JSON, portable across web & app. 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-favorite/SKILL.md| Test case | Without → With | Effect | Δ tokens | Δ turns |
|---|---|---|---|---|
| case-01 | ✗→✓ | ▲ Improved | -29% | 0% |
| case-02 | ✓→✓ | ＝ Same ✓ | -34% | 0% |
| case-03 | ✓→✓ | ＝ Same ✓ | -29% | 0% |
| case-04 | ✓→✓ | ＝ Same ✓ | -26% | 0% |
| case-05 | ✓→✓ | ＝ Same ✓ | -6% | 0% |
A heart/favorite icon that animates on toggle — Lottie JSON, portable across web & app. 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.