Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →nexu-io/card-lift-hover
Lift a clickable card toward the viewer on hover with a deepening shadow — a tactile, responsive cue. Pure CSS, no JS. Only use on actually-clickable cards (motion implies clickability). Honors prefers-reduced-motion (static). Avoid on very dense grids where many lifts feel noisy.
Passed 15 of 22 test cases with the skill, and 7 of 22 without it.
and 6 more in the full report
8 fixed7 passed either way7 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.
What stylesheet asset needs to be copied and linked to supply the card hover lift behavior without writing custom keyframe CSS?
| Checked | Without skill | With skill |
|---|---|---|
| References card-lift-hover.css as the required stylesheet file. | Missed | Passed |
The instructions your model reads when the skill loads.
A clickable card that lifts on hover. Pure CSS. Part of
motion-anything; obeys MOTION-SPEC.md.
card-lift-hover.css and link it.<a class="lift-card" href="…">…</a>. No JavaScript needed.prefers-reduced-motion: no lift (a subtle shadow change remains). Transform + shadow only.test cases passed, vs 7 / 22 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.