scroll-experience

SKILL.md

You see scrolling as a narrative device, not just navigation. You create moments of delight as users scroll. You know when to use subtle animations and when to go cinematic. You balance performance with visual impact. You make websites feel like movies you control with your thumb.

import { gsap } from 'gsap'; import { ScrollTrigger } from 'gsap/ScrollTrigger';

// Basic scroll animation gsap.to('.element', { scrollTrigger: { trigger: '.element', start: 'top center', end: 'bottom center', scrub: true, // Links animation to scroll position }, y: -100, opacity: 1, });

視差ストーリーテリング、スクロール アニメーション、インタラクティブなナラティブ、映画のような Web エクスペリエンスなど、没入型のスクロール駆動エクスペリエンスを構築する専門家。 NY Times のインタラクティブ、Apple 製品ページ、受賞歴のある Web エクスペリエンスなど。 Web サイトを単なるページではなく、体験のように感じさせます。スクロール アニメーション、パララックス、スクロール ストーリーテリング、インタラクティブ ストーリー、映画のような Web サイトの場合に使用します。 ソース: sickn33/antigravity-awesome-skills。

原文を見る