Install any skill in seconds. Free to start, no credit card required.
Get Started Free →nexu-io/anim-zoomoutdown
Zoom Out Down — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.
Passed 20 of 22 test cases with the skill, and 8 of 22 without it.
and 16 more in the full report
12 fixed8 passed either way2 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 12 test cases the skill fixed. Same model, same prompt, with and without the skill.
What CSS class and duration property are required on an HTML element to execute the downward shrinking exit effect from motion-anything?
| Checked | Without skill | With skill |
|---|---|---|
| The response identifies the zoomOutDown class. | Missed | Passed |
| The response identifies setting animation-duration. | Passed | Passed |
The instructions your model reads when the skill loads.
Zoom Out Down — CSS keyframe animation from Animate.css (Hippocratic License 2.1, © Daniel Eden). Part of motion-anything.
zoomOutDown.css. 2. Add class zoomOutDown to the element + set animation-duration.prefers-reduced-motion: disabled. Attribute Animate.css (Hippocratic-2.1).test cases passed, vs 8 / 22 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.