What problem does it solve? Scroll-driven text reveals often break inline links and emphasis, rely on fragile line-based splitting, or ignore reduced-motion users. This Skill provides a robust pattern for scrubbing word visibility from scroll progress without destroying semantic markup or accessibility. ## Core Features & Use Cases - DOM-safe word splitting: Walks text nodes with TreeWalker, skips scripts and form controls, and preserves whitespace and inline elements like links and emphasis. - Scroll-progress mapping: Maps section scroll progress to per-word opacity, blur, and offset via CSS custom properties, using GSAP ScrollTrigger or a dependency-free requestAnimationFrame approach. - Accessibility and cleanup: Keeps an untouched accessible text source, honors prefers-reduced-motion, and restores the original DOM on teardown. - Use Case: A designer building an editorial landing page wants a manifesto paragraph to fade in word by word as the reader scrolls, without breaking the inline link in the sentence or failing screen readers. ## Quick Start Ask the AI to implement a scroll-scrubbed word-by-word reveal for a headline or paragraph on your page, preserving inline links and respecting reduced-motion preferences.
