Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →nexu-io/electric-border
A jittery electric outline traces a card — an energetic accent for one hero element. One per view. Pure CSS; a static solid outline remains under prefers-reduced-motion.
Passed 19 of 23 test cases with the skill, and 3 of 23 without it.
and 41 more in the full report
16 fixed3 passed either way4 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 16 test cases the skill fixed. Same model, same prompt, with and without the skill.
I want to display an animated energetic border outline around the final order summary box in my checkout page. What stylesheet file, markup class, and variable control this?
| Checked | Without skill | With skill |
|---|---|---|
| Includes electric-border.css | Missed | Passed |
| Wraps the order summary box with class electric | Missed | Passed |
| Controls the color via --elec-color | Missed | Passed |
The instructions your model reads when the skill loads.
An energetic animated outline. Dependency-free, reduced-motion safe.
Copy electric-border.css; <div class="electric"> … </div>. Tune --elec-color.
test cases passed, vs 3 / 23 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.