Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →nexu-io/iridescence
A living GPU shader background rendered in dependency-free WebGL — a distinctive, marketing-grade hero backdrop. One per view; put a scrim behind text. Renders a static frame under prefers-reduced-motion.
Passed 15 of 22 test cases with the skill, and 4 of 22 without it.
and 15 more in the full report
11 fixed4 passed either way7 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 11 test cases the skill fixed. Same model, same prompt, with and without the skill.
I need a minimal HTML snippet showing the background element placed inside a relative container. What markup should be pasted inside?
| Checked | Without skill | With skill |
|---|---|---|
| Provides div tag with class iridescence | Missed | Passed |
| Includes position:absolute and inset:0 within the style attribute | Missed | Passed |
The instructions your model reads when the skill loads.
A GPU fragment-shader background (dependency-free WebGL).
Copy _fx/shaderbg.js + iridescence.js; add <div class="iridescence" style="position:absolute;inset:0"></div> behind your content.
test cases passed, vs 4 / 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.