Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →nexu-io/light-rays
A distinctive GPU shader background rendered in dependency-free WebGL — a marketing-grade hero backdrop. One per view; scrim behind text. Renders a static frame under prefers-reduced-motion.
Passed 18 of 22 test cases with the skill, and 5 of 22 without it.
and 15 more in the full report
13 fixed5 passed either way4 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 13 test cases the skill fixed. Same model, same prompt, with and without the skill.
In a plain HTML/JS website, what HTML markup snippet must be inserted directly behind the body content to render the WebGL light rays background?
| Checked | Without skill | With skill |
|---|---|---|
| Provides <div class="light-rays" style="position:absolute;inset:0"></div> | Missed | Passed |
The instructions your model reads when the skill loads.
A GPU fragment-shader background (dependency-free WebGL).
Copy _fx/shaderbg.js + light-rays.js; add <div class="light-rays" style="position:absolute;inset:0"></div> behind content.
test cases passed, vs 5 / 22 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.