Design skills for AI coding agents.

Create an on-scroll animation trigger using IntersectionObserver with Tailwind-friendly animation classes and keyframes.

Result: Transitions that make the interface easier to follow and still feel fast.

Covers motion principles, easing/duration defaults, choreography patterns, scroll/hover interactions, performance, accessibility (reduced motion), and implementation guidance.

Result: Transitions that make the interface easier to follow and still feel fast.

Create premium cinematic web motion systems with GSAP, ScrollTrigger, and Lenis.

Result: Transitions that make the interface easier to follow and still feel fast.

Create cinematic scroll-driven landing pages with Lenis smooth scrolling, GSAP ScrollTrigger, scroll-linked progression, staggered text reveals, sticky card stacks, parallax backgrounds, scr

Result: Transitions that make the interface easier to follow and still feel fast.

Includes patterns for smooth motion, performance, and common pitfalls.

Result: Transitions that make the interface easier to follow and still feel fast.

Build cinematic sticky product storytelling with GSAP ScrollTrigger, progressive UI reveals, scroll-synced animation, smooth interpolation, and immersive section transitions.

Result: Transitions that make the interface easier to follow and still feel fast.

Apply seamless infinite marquee loops using duplicated items.

Result: Transitions that make the interface easier to follow and still feel fast.

Create masked staggered word reveals on scroll with GSAP ScrollTrigger.

Result: Transitions that make the interface easier to follow and still feel fast.

Build cursor-following spotlight reveals that expose a second aligned image through a soft radial mask.

Result: Transitions that make the interface easier to follow and still feel fast.

Turn any ordered process into a data-driven vertical or horizontal scroll story with a base line, progress fill, active step states, responsive collapse, semantic fallback, and reduced-motio

Result: Transitions that make the interface easier to follow and still feel fast.

Build reversible scroll-controlled visual transformations with a pinned or sticky stage, normalized progress, and video, image-sequence, canvas, SVG, or DOM renderers.

Result: Transitions that make the interface easier to follow and still feel fast.

Reveal marked-up text word by word as scroll progress advances, while preserving semantic inline links, emphasis, responsive line wrapping, and reduced-motion readability.

Result: Transitions that make the interface easier to follow and still feel fast.

Turn an article, case study, brand narrative, product journey, or long-form story into a cinematic scroll-driven landing page using one of three renderers: scrubbed video, a real-time Three.

Result: Transitions that make the interface easier to follow and still feel fast.

Create subtle editorial word-by-word text reveal animations where each word fades and rises into place once it enters the viewport.

Result: Transitions that make the interface easier to follow and still feel fast.