Animazioni CSS guidate da scorrimento con ScrollTimeline, ViewTimeline, effetti di parallasse e miglioramento progressivo per effetti di scorrimento performanti. Da utilizzare quando si implementano animazioni con collegamento a scorrimento o parallasse.
Installa rapidamente la skill AI scroll-driven-animations nel tuo ambiente di sviluppo tramite riga di comando
Fonte: yonatangross/orchestkit.
CSS Scroll-Driven Animations API provides performant, declarative scroll-linked animations without JavaScript. Supported in Chrome 115+, Edge 115+, Safari 18.4+.
| Scroll Progress | scroll() | Tied to scroll container position (0-100%) | | View Progress | view() | Tied to element visibility in viewport |
| Browser | scroll() | view() | ScrollTimeline API |
Animazioni CSS guidate da scorrimento con ScrollTimeline, ViewTimeline, effetti di parallasse e miglioramento progressivo per effetti di scorrimento performanti. Da utilizzare quando si implementano animazioni con collegamento a scorrimento o parallasse. Fonte: yonatangross/orchestkit.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/yonatangross/orchestkit --skill scroll-driven-animationsAnimazioni CSS guidate da scorrimento con ScrollTimeline, ViewTimeline, effetti di parallasse e miglioramento progressivo per effetti di scorrimento performanti. Da utilizzare quando si implementano animazioni con collegamento a scorrimento o parallasse. Fonte: yonatangross/orchestkit.
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/yonatangross/orchestkit --skill scroll-driven-animations 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
https://github.com/yonatangross/orchestkit