Install any skill in seconds. Free to start, no credit card required.
Get Started Free →nexu-io/strands
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 21 of 22 test cases with the skill, and 5 of 22 without it.
and 26 more in the full report
16 fixed5 passed either way1 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.
When assembling the strands background for a web page, I usually look for bundled npm scripts. What are the two specific script paths that must be copied into the project?
| Checked | Without skill | With skill |
|---|---|---|
| Names _fx/shaderbg.js as one required script path | Missed | Passed |
| Names strands.js as the second required script path | Missed | Passed |
The instructions your model reads when the skill loads.
A GPU fragment-shader background (dependency-free WebGL).
Copy _fx/shaderbg.js + strands.js; add <div class="strands" 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.