Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →nexu-io/lottie-favorite
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.
Passed 22 of 22 test cases with the skill, and 21 of 22 without it.
1 fixed21 passed either way0 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
A test case the skill fixed. Same model, same prompt, with and without the skill.
I want to add an animated Lottie heart icon to my web page so users can click to favorite an item. Can you show me how to properly load and initialize the Lottie animation file in JavaScript?
| Checked | Without skill | With skill |
|---|---|---|
| Includes a check for prefers-reduced-motion media query | Missed | Passed |
| Configures autoplay property to false | Passed | Passed |
| Specifies svg as the renderer in options | Passed | Passed |
The instructions your model reads when the skill loads.
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).test cases passed, vs 21 / 22 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.