Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →nexu-io/shimmer-button
Make one primary CTA feel premium: a soft band of light sweeps across it (slowly at rest, faster on hover). Reserve for the single primary button; keep it subtle. Pure CSS; the sweep stops (solid button) under prefers-reduced-motion.
Passed 20 of 23 test cases with the skill, and 12 of 23 without it.
and 7 more in the full report
8 fixed12 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.
We need to animate a highlight sweep on our hero section's primary button. For maximum GPU acceleration and zero layout reflows, which exact property should be animated on the overlay pseudo-element, and what stylesheet file should we import?
| Checked | Without skill | With skill |
|---|---|---|
| Directs animating the transform property of the pseudo-element. | Passed | Passed |
| Instructs linking shimmer-button.css. | Missed | Passed |
The instructions your model reads when the skill loads.
A highlight that sweeps across a CTA. Part of
motion-anything; obeys MOTION-SPEC.md. Technique
popularized by Magic UI, reimplemented dependency-free (pure CSS).
shimmer-button.css into the project and link it.<button class="shimmer">Get started</button>
prefers-reduced-motion the sweep stops; a plain solid button remains.transform of a masked pseudo-element only — GPU-safe.test cases passed, vs 12 / 23 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.