Results for “scroll”

Create a scroll-controlled cinematic product website with rich motion (动效网站) from product materials, reference pages or videos, and brand assets. Use for requests involving 网站动效, immersive product landing pages where scrolling moves a continuous video forward and backward, multi-scene visual storytelling, direct image2.0 and Seedance 2.0 generation, scene-continuity review, or local preview packaging. Do not use for ordinary corporate sites, dashboards, ecommerce, blogs, or standalone promo videos without a website.

The English summary is being prepared. Showing the original description.

Generate scroll-stopping viral hook video prompts for Seedance 2.0 on Higgsfield. Use whenever the user wants viral content, TikTok hooks, Instagram Reels openers, YouTube Shorts, attention-grabbing video, scroll-stopper, pattern interrupt, or any short-form video designed to maximize retention and views. Triggers on any mention of viral, hook, scroll-stop, retention, views, engagement, short-form, TikTok, Reels, Shorts.

The English summary is being prepared. Showing the original description.

Create, implement, or review gsap scrolltrigger work with format, accessibility, performance, and visual-verification controls. Use when the requested deliverable depends on gsap scrolltrigger.

The English summary is being prepared. Showing the original description.

Avoid inner scroll containers; when unavoidable, one axis at a time. Use when a layout, table or panel might scroll inside the page.

The English summary is being prepared. Showing the original description.

Design GPU-accelerated animations with Web Animations API (WAAPI), Scroll-Driven Animations (ScrollTimeline/ViewTimeline), FLIP technique, easing systems, and accessibility (prefers-reduced-motion). Use when user asks to create animations, transitions, scroll effects, page transitions, or interactive motion for web UIs. Do NOT use for canvas-based animations (Three.js, PixiJS), video editing, or non-web (native mobile) motion design.

The English summary is being prepared. Showing the original description.

Design and build cinematic websites, interactive portfolios, product stories, and real-time 3D experiences with subject-specific art direction and scroll choreography. Use for new builds, redesigns, motion improvements, scroll audits, or storyboards in standalone HTML and existing apps; includes responsive, reduced-motion, and static fallbacks. Not for ordinary dashboards or unrelated animation.

The English summary is being prepared. Showing the original description.

Meaning-first animation with 3-tier hierarchy. CSS scroll-driven (animation-timeline: scroll()), View Transitions API, @starting-style DOM-insert, container scroll-state queries, prefers-reduced-motion mandatory on all animations.

The English summary is being prepared. Showing the original description.

Official GSAP — ScrollTrigger — scroll-linked animations, pinning, scrub, triggers

The English summary is being prepared. Showing the original description.

Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, SVG and physics plugins, CustomEase, EasePack, CustomWiggle, CustomBounce, GSDevTools. Use when the user asks about a GSAP plugin, scroll-to, flip animations, draggable, SVG drawing, or plugin registration.

The English summary is being prepared. Showing the original description.

Three.js + Anime.js scroll sync: production-level deterministic progress and camera choreography. Use when implementing, reviewing or testing three.js + anime.js scroll sync for React, Vite, Next.js or Perfect_AI projects.

The English summary is being prepared. Showing the original description.

Scroll-driven choreography: production-level sticky progress, sync, enter/leave, bidirectional timeline. Use when implementing, reviewing or testing scroll-driven choreography for React, Vite, Next.js or Perfect_AI projects.

The English summary is being prepared. Showing the original description.

Diagnose, fix, or validate SwiftUI animation and scroll behavior by temporarily instrumenting views with MotionEyes, capturing console traces over time, and comparing motion data to user intent or test expectations. Use when users report bugs such as wrong direction, premature fade, timing or easing mismatch, unexpected movement, missing movement, incorrect relative movement between views, scroll jumps, scroll restoration drift, content-offset desynchronization, or when they want to turn MotionEyes traces into focused assertions. Prefer XcodeBuildMCP log capture first and fallback to CLI log streaming; remove only agent-added MotionEyes instrumentation after validation.

The English summary is being prepared. Showing the original description.

Build SwiftUI layouts using stacks, grids, lists, scroll views, forms, and controls. Covers VStack/HStack/ZStack, LazyVGrid/LazyHGrid, List with sections and swipe actions, ScrollView with ScrollViewReader, Form with validation, Toggle/Picker/Slider, .searchable, and overlay patterns. Use when building data-driven layouts, collection views, settings screens, search interfaces, or transient overlay UI.

The English summary is being prepared. Showing the original description.

TanStack Virtual (React 仮想スクロール、@tanstack/react-virtual) の API リファレンス。 useVirtualizer, useWindowVirtualizer, Virtualizer, VirtualItem, estimateSize, measureElement, rangeExtractor, overscan, lanes, getVirtualItems, getTotalSize, scrollToIndex。固定/可変/動的計測、grid、sticky header、infinite scroll、table、 window scroll 仮想化。別名 react-virtual, virtual-core。 react-flow / Compose LazyColumn / WinUI ListView とは別（DOM 向けヘッドレス仮想化）。

The English summary is being prepared. Showing the original description.

Build GSAP JavaScript animations for web apps — timelines, scroll-driven motion, SVG draw/morph/path effects, and React integration with useGSAP. Load when the user asks to animate with GSAP, add ScrollTrigger, draw SVG paths with GSAP, morph SVG shapes, sequence page animations, or wire GSAP in React/Next/Vue. Also triggers on "GSAP timeline", "DrawSVG", "MotionPath", "gsap.context", or "scroll animation library". Not for self-contained README/GitHub SVG files.

The English summary is being prepared. Showing the original description.

Design and build landing pages, cinematic scrolling websites, or products with multiple screens. Define colors, typography, and motion before coding, then check screenshots, performance, readability, and visual consistency across the finished pages.

• Building or redesigning a landing page
• Creating a story told through scrolling
• Giving multiple product screens a consistent design

Build interactive web motion from videos or image sequences, controlled by scrolling, pointer movement, dragging, or state changes. It covers media preparation, timeline compilation, playback controllers, delivery format selection, and checks on the target page.

• Linking video playback to page scrolling
• Switching animated states with drag gestures
• Preparing existing video or image sequences for the web

Build a creative studio website with classical illustrations, cobalt colors, serif headings, and cinematic scrolling. Adapt the supplied HTML template to a brand while retaining chapter navigation, service sections, FAQs, and mobile layouts.

• Create an architecture studio website
• Build a classical art portfolio
• Present studio services and FAQs

Create a single-page editorial landing site from a brand brief, using paper textures, collage imagery, and structured content sections. The output includes responsive layouts, scroll animations, and sticky navigation, with generated, placeholder, or supplied images.

• Building an editorial landing page for a brand
• Presenting a studio's services and selected work
• Previewing a page with placeholder images

Write or review animation code using GSAP’s helper functions. Convert input ranges, limit values, generate random variations, snap positions to fixed steps, and handle groups of elements for effects driven by scrolling, pointer movement, or repeated updates.

• Map scroll progress to movement or rotation
• Limit animation values to a safe range
• Add random positions or colors to elements

Build and review web animations with GSAP's core API, including movement, rotation, fades, and staggered starts. Adjust timing and easing, meaning changes in speed, and adapt animations to screen size and reduced-motion preferences.

• Adding movement and fades to web page elements
• Animating multiple elements with staggered starts
• Adapting animations to desktop and mobile screens

Implement and review GSAP animations in Vue, Nuxt, Svelte, and SvelteKit. It explains when to start animations, how to limit element selection to one component, and how to clean up when that component is removed.

• Adding GSAP animations to Vue or Svelte
• Reviewing animation cleanup when components are removed
• Keeping animations scoped to one component

Review website animations against users’ reduced motion preferences, a setting that requests less movement. Check flashing content, scrolling effects, alternative transitions, pause controls, and advance warnings, and identify changes needed in rendered pages and interactive states.

• Checking support for reduced motion settings
• Reviewing flashing content frequency
• Finding alternatives to scrolling effects

Audit paginated archives, product lists, and search results. Check canonical tags, which identify each page’s preferred URL, and verify consistent pagination links so search crawlers can reach later pages, including content behind infinite scroll.

• Review canonical tags on blog archive pages
• Check pagination URLs in product lists
• Verify crawlable links for infinite scroll