Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →nexu-io/like-burst
Add a celebratory particle burst to a like / favorite / reaction button. A delight micro-interaction that fires on user tap only (never on load), bursts on the "like" transition (not un-like), and ships a prefers-reduced-motion fallback.
Passed 21 of 22 test cases with the skill, and 12 of 22 without it.
and 7 more in the full report
9 fixed12 passed either way1 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 9 test cases the skill fixed. Same model, same prompt, with and without the skill.
In the particle generation script, what array variable holds the color palette values used to color the individual particles?
| Checked | Without skill | With skill |
|---|---|---|
| The response identifies COLORS as the configuration array for particle colors. | Missed | Passed |
The instructions your model reads when the skill loads.
A celebratory particle burst for like / favorite / reaction buttons. Part of
motion-anything; obeys MOTION-SPEC.md.
like-burst.css and like-burst.js into the project.<link rel="stylesheet" href="like-burst.css" />
<button class="like-btn" data-like-burst aria-pressed="false" aria-label="Like">♥</button>
<script src="like-burst.js"></script>
[data-like-burst], or call attachLikeBurst(el) manually.PARTICLE_COUNT / COLORS in like-burst.js (keep particle count modest — taste over spectacle).lb-pop keyframe (currently 420ms, ease-out). Burst spread: dist in spawnParticles.prefers-reduced-motion: particles are suppressed, a quiet color/scale cue remains.transform/opacity only; removes injected particle nodes after ~700ms.attachLikeBurst(ref.current) in useEffect; or port the click handler into your
component and keep the CSS as-is.test cases passed, vs 12 / 22 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.