amvcp-anim-entry-scroll

What problem does it solve?

This Skill prevents entrance and scroll-triggered sections from looking flat or unstructured by providing a consistent animation contract for staggered entry, fire-once reveals, and scroll-driven motion.

Core Features & Use Cases

• Layered entrance + reveal: Use Layer 2 staggered entry and Layer 3 scroll-triggered reveals with a single attribute contract, including fail-safe behavior when IntersectionObserver is unavailable.
• Multiple reveal variants: Fade, scale-pop, clip-wipe, and stagger reveal options cover common narrative layouts like cards, dividers, and long-form sections.
• Scroll UI primitives: Add a scroll progress bar, scroll-snap sections, and a sticky pinned section pattern for guided reading.
• Decorative scroll motion: Use parallax tiers with a universal document-scroll fallback (and a calm-mode damper) plus native scroll-driven timelines where supported.
• Expressive SVG motion: Support SVG line draw (and related fills/polygon expansions) for polished diagram and infographic entrances.

Quick Start

Add the foundation contract for motion tokens, then place your staggered list with .va-stagger/.va-stagger-item and mark below-the-fold sections with data-va-reveal="fade", "scale", "clip", or "stagger" to trigger once on scroll.