Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →Animate a number counting up to its target as it scrolls into view, once. Use for stat/metric blocks to draw the eye to an impressive figure. Honors prefers-reduced-motion (final value shown instantly). Avoid for precise values the user must read while animating, or many counters at once.
.claude/skills/nexu-io-count-up/SKILL.md| Test case | Without → With | Effect | Δ tokens | Δ turns |
|---|---|---|---|---|
| case-03 | ✗→✓ | ▲ Improved | -42% | 0% |
| case-04 | ✗→✓ | ▲ Improved | -50% | 0% |
| case-05 | ✗→✓ | ▲ Improved | -32% | 0% |
| case-06 | ✗→✓ | ▲ Improved | -65% | 0% |
| case-12 | ✗→✓ | ▲ Improved | -77% | 0% |
A number that animates up to its target on enter. Part of motion-anything; obeys MOTION-SPEC.md.
count-up.css and count-up.js and link them.<span data-count="10000" data-count-suffix="+">0</span>(optional data-count-prefix="$", data-count-duration="900").
prefers-reduced-motion: final value shown immediately. Tabular figures keep width steady.Other measured skills in the registry, with their headline benchmark lift.