Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →nexu-io/gooey-nav
A pill slides under the active nav item with a springy merge — a smooth segmented control. One per view. Under prefers-reduced-motion the pill jumps without easing.
Passed 20 of 22 test cases with the skill, and 11 of 22 without it.
and 9 more in the full report
9 fixed11 passed either way2 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 9 test cases the skill fixed. Same model, same prompt, with and without the skill.
I am refactoring a header navigation component that currently uses `<div class="navbar-container">`. I want to convert it to a lightweight gooey navbar. What semantic HTML container element and exact class name should be used?
| Checked | Without skill | With skill |
|---|---|---|
| The root container is a nav element. | Passed | Passed |
| The root container uses class gnav. | Missed | Passed |
The instructions your model reads when the skill loads.
Gooey Nav Dependency-free, reduced-motion safe.
Copy css+js; <nav class="gnav"><span class="gn-pill"></span><button class="on">Home</button>…</nav>.
test cases passed, vs 11 / 22 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.