·scroll-reveal-libraries
$

scroll-reveal-libraries

Einfache durch Scrollen ausgelöste Enthüllungsanimationen mithilfe von AOS (Animate On Scroll). Nutzen Sie diese Fähigkeit, wenn Sie Marketingseiten, Landingpages oder inhaltsreiche Websites erstellen, die einfache Fade-/Slide-Effekte ohne komplexe Animationsorchestrierung erfordern. Wird bei Aufgaben ausgelöst, die Scroll-Animationen, durch Scrollen ausgelöste Enthüllungen, AOS, einfache Animationen oder einfache Scroll-Effekte umfassen. Alternative zu GSAP ScrollTrigger und Locomotive Scroll für einfachere Anwendungsfälle. Vergleichen Sie mit Motion-Framer für React-spezifische Animationen.

13Installationen·1Trend·@freshtechbro

Installation

$npx skills add https://github.com/freshtechbro/claudedesignskills --skill scroll-reveal-libraries

So installieren Sie scroll-reveal-libraries

Installieren Sie den KI-Skill scroll-reveal-libraries schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/freshtechbro/claudedesignskills --skill scroll-reveal-libraries
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: freshtechbro/claudedesignskills.

This skill covers AOS (Animate On Scroll), a lightweight CSS-driven library for scroll-triggered animations. AOS excels at simple fade, slide, and zoom effects activated when elements enter the viewport.

Problem: AOS doesn't detect elements on first render or route changes.

Solution: Initialize in useEffect and refresh on route/content changes:

Einfache durch Scrollen ausgelöste Enthüllungsanimationen mithilfe von AOS (Animate On Scroll). Nutzen Sie diese Fähigkeit, wenn Sie Marketingseiten, Landingpages oder inhaltsreiche Websites erstellen, die einfache Fade-/Slide-Effekte ohne komplexe Animationsorchestrierung erfordern. Wird bei Aufgaben ausgelöst, die Scroll-Animationen, durch Scrollen ausgelöste Enthüllungen, AOS, einfache Animationen oder einfache Scroll-Effekte umfassen. Alternative zu GSAP ScrollTrigger und Locomotive Scroll für einfachere Anwendungsfälle. Vergleichen Sie mit Motion-Framer für React-spezifische Animationen. Quelle: freshtechbro/claudedesignskills.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/freshtechbro/claudedesignskills --skill scroll-reveal-libraries
Kategorie
$Marketing
Verifiziert
Erstes Auftreten
2026-03-09
Aktualisiert
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

Schnelle Antworten

Was ist scroll-reveal-libraries?

Einfache durch Scrollen ausgelöste Enthüllungsanimationen mithilfe von AOS (Animate On Scroll). Nutzen Sie diese Fähigkeit, wenn Sie Marketingseiten, Landingpages oder inhaltsreiche Websites erstellen, die einfache Fade-/Slide-Effekte ohne komplexe Animationsorchestrierung erfordern. Wird bei Aufgaben ausgelöst, die Scroll-Animationen, durch Scrollen ausgelöste Enthüllungen, AOS, einfache Animationen oder einfache Scroll-Effekte umfassen. Alternative zu GSAP ScrollTrigger und Locomotive Scroll für einfachere Anwendungsfälle. Vergleichen Sie mit Motion-Framer für React-spezifische Animationen. Quelle: freshtechbro/claudedesignskills.

Wie installiere ich scroll-reveal-libraries?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/freshtechbro/claudedesignskills --skill scroll-reveal-libraries Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

https://github.com/freshtechbro/claudedesignskills