Install any skill in seconds. Free to start, no credit card required.
Get Started Free →nexu-io/anim-shake
Shake — 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 19 of 22 test cases with the skill, and 11 of 22 without it.
and 9 more in the full report
8 fixed11 passed either way3 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 8 test cases the skill fixed. Same model, same prompt, with and without the skill.
I'm reviewing our team's CSS code for input validation feedback. They created custom keyframes called `@keyframes my-jiggle` and omitted reduced motion styling and license notices. What standard CSS file, class name, media query rule, and license attribution should replace this custom code?
| Checked | Without skill | With skill |
|---|---|---|
| The response replaces the custom keyframes with shake.css and the shake class. | Missed | Passed |
| The response requires a prefers-reduced-motion media query to disable motion. | Passed | Passed |
| The response requires attribution to Animate.css and Daniel Eden under the Hippocratic License 2.1. | Missed | Passed |
The instructions your model reads when the skill loads.
Shake — CSS keyframe animation from Animate.css (Hippocratic License 2.1, © Daniel Eden). Part of motion-anything.
shake.css. 2. Add class shake to the element + set animation-duration.prefers-reduced-motion: disabled. Attribute Animate.css (Hippocratic-2.1).test cases passed, vs 11 / 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.