·scroll-reveal-libraries
$

scroll-reveal-libraries

Semplici animazioni di rivelazione attivate dallo scorrimento utilizzando AOS (Animate On Scroll). Utilizza questa abilità quando crei pagine di marketing, pagine di destinazione o siti ricchi di contenuti che richiedono effetti di dissolvenza/diapositiva di base senza una complessa orchestrazione di animazioni. Si attiva su attività che coinvolgono animazioni di scorrimento, rivelazioni attivate dallo scorrimento, AOS, animazioni semplici o effetti di scorrimento di base. Alternativa a GSAP ScrollTrigger e Locomotive Scroll per casi d'uso più semplici. Confronta con motion-framer per animazioni specifiche di React.

13Installazioni·1Tendenza·@freshtechbro

Installazione

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

Come installare scroll-reveal-libraries

Installa rapidamente la skill AI scroll-reveal-libraries nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/freshtechbro/claudedesignskills --skill scroll-reveal-libraries
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: 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:

Semplici animazioni di rivelazione attivate dallo scorrimento utilizzando AOS (Animate On Scroll). Utilizza questa abilità quando crei pagine di marketing, pagine di destinazione o siti ricchi di contenuti che richiedono effetti di dissolvenza/diapositiva di base senza una complessa orchestrazione di animazioni. Si attiva su attività che coinvolgono animazioni di scorrimento, rivelazioni attivate dallo scorrimento, AOS, animazioni semplici o effetti di scorrimento di base. Alternativa a GSAP ScrollTrigger e Locomotive Scroll per casi d'uso più semplici. Confronta con motion-framer per animazioni specifiche di React. Fonte: freshtechbro/claudedesignskills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/freshtechbro/claudedesignskills --skill scroll-reveal-libraries
Categoria
$Marketing
Verificato
Prima apparizione
2026-03-09
Aggiornato
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

Risposte rapide

Che cos'è scroll-reveal-libraries?

Semplici animazioni di rivelazione attivate dallo scorrimento utilizzando AOS (Animate On Scroll). Utilizza questa abilità quando crei pagine di marketing, pagine di destinazione o siti ricchi di contenuti che richiedono effetti di dissolvenza/diapositiva di base senza una complessa orchestrazione di animazioni. Si attiva su attività che coinvolgono animazioni di scorrimento, rivelazioni attivate dallo scorrimento, AOS, animazioni semplici o effetti di scorrimento di base. Alternativa a GSAP ScrollTrigger e Locomotive Scroll per casi d'uso più semplici. Confronta con motion-framer per animazioni specifiche di React. Fonte: freshtechbro/claudedesignskills.

Come installo scroll-reveal-libraries?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/freshtechbro/claudedesignskills --skill scroll-reveal-libraries Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/freshtechbro/claudedesignskills