Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →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.
.claude/skills/nexu-io-card-lift-hover/SKILL.md| Test case | Without → With | Effect | Δ tokens | Δ turns |
|---|---|---|---|---|
| case-06 | ✗→✓ | ▲ Improved | -9% | 0% |
| case-10 | ✗→✓ | ▲ Improved | -71% | 0% |
| case-14 | ✗→✓ | ▲ Improved | -2% | 0% |
| case-15 | ✗→✓ | ▲ Improved | -4% | 0% |
| case-17 | ✗→✓ | ▲ Improved | -75% | 0% |
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.Other measured skills in the registry, with their headline benchmark lift.