Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →nexu-io/scroll-reveal
Reveal content as it scrolls into view — a gentle rise + fade, once per element. Use to give a long page calm rhythm. Honors prefers-reduced-motion and supports staggering. Do not delay above-the-fold content, and keep at most a few elements animating at once.
Passed 22 of 22 test cases with the skill, and 12 of 22 without it.
and 10 more in the full report
10 fixed12 passed either way0 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 10 test cases the skill fixed. Same model, same prompt, with and without the skill.
When building scroll animations within the motion-anything ecosystem, which specification document governs implementation guidelines?
| Checked | Without skill | With skill |
|---|---|---|
| Cites MOTION-SPEC.md as the governing specification document | Missed | Passed |
The instructions your model reads when the skill loads.
A gentle rise + fade as elements scroll into view. Part of
motion-anything; obeys MOTION-SPEC.md.
scroll-reveal.css and scroll-reveal.js into the project, and link them.<section data-reveal>…</section>
<li data-reveal data-reveal-delay="80">…</li> <!-- optional stagger, ms -->
.is-in once, when the element enters the viewport.prefers-reduced-motion: everything is shown immediately, no travel.transform/opacity only; unobserves each element after it reveals.data-reveal attributes and run the init (or an equivalent useEffect +
IntersectionObserver) after mount.test cases passed, vs 12 / 22 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.