Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →nexu-io/stepper
An animated step indicator fills as you advance — clear progress for a multi-step flow (checkout, onboarding). One per flow. Under prefers-reduced-motion fills without easing.
Passed 21 of 22 test cases with the skill, and 8 of 22 without it.
and 18 more in the full report
13 fixed8 passed either way1 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 lightweight progress indicator layout, what short class name is assigned to the step number container elements sitting between progress bar dividers?
| Checked | Without skill | With skill |
|---|---|---|
| Assigns class st to step number elements | Missed | Passed |
The instructions your model reads when the skill loads.
Stepper Dependency-free, reduced-motion safe.
Copy css+js; <div class="stepper" data-step="2"><div class="st">1</div><div class="bar"></div><div class="st">2</div>…</div>. Click to advance (demo).
test cases passed, vs 8 / 22 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.