Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →nexu-io/button-press
A button that springs down on press and pops back — tactile tap feedback. 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 18 of 22 test cases with the skill, and 15 of 22 without it.
and 1 more in the full report
3 fixed15 passed either way4 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 3 test cases the skill fixed. Same model, same prompt, with and without the skill.
In our React UI library, we want interactive form controls like switches and toggle buttons to spring down slightly when tapped. What CSS properties should be used for this effect to maintain high performance across mobile browsers?
| Checked | Without skill | With skill |
|---|---|---|
| Uses transform and opacity for GPU-safe animation | Missed | Passed |
| Avoids animating layout properties like height, width, padding, or box-shadow | Passed | Passed |
The instructions your model reads when the skill loads.
A button that springs down on press and pops back — tactile tap feedback. 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
More skills from the same source and nearby in the registry, with their headline benchmark lift.