Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →nexu-io/ripple
A Material-style ripple spreads from the point of contact. An App-UI micro-interaction (mobile component feedback). Honors prefers-reduced-motion. Keep it short and snappy; only on controls that actually change state.
Passed 20 of 22 test cases with the skill, and 15 of 22 without it.
and 4 more in the full report
5 fixed15 passed either way2 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 5 test cases the skill fixed. Same model, same prompt, with and without the skill.
I am designing a mobile UI and want to add interactive tap animation feedback to my custom buttons and tabs. Could you give me a code example showing how to create a point-of-click expanding wave effect?
| Checked | Without skill | With skill |
|---|---|---|
| The response includes a prefers-reduced-motion media query requirement. | Missed | Passed |
| The prefers-reduced-motion handling shortens or disables the wave animation. | Missed | Passed |
The instructions your model reads when the skill loads.
A Material-style ripple spreads from the point of contact. An App-UI micro-interaction. Part of
motion-anything; obeys MOTION-SPEC.md.
prefers-reduced-motion: shortened / disabled. Transform & opacity only (GPU-safe).test cases passed, vs 15 / 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.