Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →nexu-io/webgl-liquid-metal
A real-time liquid-metal shader — a domain-warped noise field shaded as molten chrome, with a sweeping specular highlight over an iridescent thin-film (cosine-palette) sheen. No textures. Rendered as a single self-contained `index.html`.
Passed 13 of 22 test cases with the skill, and 13 of 22 without it.
and 4 more in the full report
6 fixed7 passed either way3 still failing6 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 6 test cases the skill fixed. Same model, same prompt, with and without the skill.
The product manager wants to add a three-paragraph description overlay on top of the liquid metal animated canvas. How many lines of supporting copy should accompany the headline in the overlay typography?
| Checked | Without skill | With skill |
|---|---|---|
| The supporting copy below the headline is limited to a single line. | Missed | Passed |
The instructions your model reads when the skill loads.
Produce a single self-contained index.html that renders a real-time metallic surface full-screen — molten chrome with an iridescent sheen — with a clean typographic overlay on top.
OpenDesign detects getContext('webgl2') and renders this file in powered preview — a cross-origin-isolated iframe with allow-same-origin. The full GPU pipeline is available; you do not need to work around the opaque sandbox.
webgl-liquid-metal/
├── SKILL.md ← you're reading this
└── example.html ← a working domain-warped chrome shader (READ FIRST)
Read example.html end to end. Note the shape: a domain-warped fbm height field; a surface normal reconstructed from that field's gradient (finite differences); metallic shading = diffuse chrome ramp + a sharp specular (pow(dot(n,h), 80)) + a fresnel term; and an iridescent cosine palette (0.5 + 0.5*cos(2π(x + phase))) driven by height and fresnel for the thin-film sheen.
index.htmle ≈ 0.0016); a sharp specular exponent (≥ 60) is what reads as "metal".#63fe13 as the brand accent.test cases passed, vs 13 / 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.