·awwwards-animations
</>

awwwards-animations

Abilità di animazione React professionale per la creazione di animazioni di livello Awwwards/FWA utilizzando GSAP (useGSAP), Motion (Framer Motion), Anime.js e Lenis. Utilizzalo quando crei esperienze di scorrimento premium, cursori personalizzati, transizioni di pagina, animazioni di testo, effetti di parallasse, microinterazioni o qualsiasi animazione che deve essere a 60 fps e degna di un premio. Trigger su richieste di scorrimento fluido, ScrollTrigger, effetti magnetici, animazioni di rivelazione, scorrimento orizzontale, sezioni pin, effetti sfalsati, useScroll, useTransform, integrazione con Three.js/WebGL, arte algoritmica, arte matematica, arte generativa, frattali, sistemi a L, campi di flusso, attrattori strani, geometria sacra, puzzle geometrici, dissezioni di Dudeney, tangram, tassellazioni, piastrelle di Penrose, tipografia cinetica, effetti glitch, esplosione di testo, testo in trasformazione, testo circolare, design brutalista, animazione minimalista, neo-brutalismo o mix di filosofia del design. Approccio react-first con pulizia e hook adeguati.

249Installazioni·25Tendenza·@devmartinese

Installazione

$npx skills add https://github.com/devmartinese/awwwards-animations-skill --skill awwwards-animations

Come installare awwwards-animations

Installa rapidamente la skill AI awwwards-animations 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/devmartinese/awwwards-animations-skill --skill awwwards-animations
  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: devmartinese/awwwards-animations-skill.

Create premium web animations at Awwwards/FWA quality level. React-first approach. 60fps non-negotiable.

| Scroll-driven animations | GSAP + ScrollTrigger + useGSAP | Industry standard, best control | | Smooth scroll | Lenis + ReactLenis | Best performance, works with ScrollTrigger | | React-native animations | Motion (Framer Motion) | Native React, useScroll/useTransform | | Simple/lightweight effects | Anime.js 4.0 | Small footprint, clean API |

| Complex timelines | GSAP | Unmatched timeline control | | SVG morphing | GSAP MorphSVG or Anime.js | Both excellent | | 3D + animation | Three.js + GSAP | GSAP controls Three.js objects | | Page transitions | AnimatePresence or GSAP | Motion for React, GSAP for complex | | Geometric shapes (vector) | SVG + GSAP/Motion | Native, animable |

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/devmartinese/awwwards-animations-skill --skill awwwards-animations
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-11
Aggiornato
2026-03-10

Browse more skills from devmartinese/awwwards-animations-skill

Risposte rapide

Che cos'è awwwards-animations?

Abilità di animazione React professionale per la creazione di animazioni di livello Awwwards/FWA utilizzando GSAP (useGSAP), Motion (Framer Motion), Anime.js e Lenis. Utilizzalo quando crei esperienze di scorrimento premium, cursori personalizzati, transizioni di pagina, animazioni di testo, effetti di parallasse, microinterazioni o qualsiasi animazione che deve essere a 60 fps e degna di un premio. Trigger su richieste di scorrimento fluido, ScrollTrigger, effetti magnetici, animazioni di rivelazione, scorrimento orizzontale, sezioni pin, effetti sfalsati, useScroll, useTransform, integrazione con Three.js/WebGL, arte algoritmica, arte matematica, arte generativa, frattali, sistemi a L, campi di flusso, attrattori strani, geometria sacra, puzzle geometrici, dissezioni di Dudeney, tangram, tassellazioni, piastrelle di Penrose, tipografia cinetica, effetti glitch, esplosione di testo, testo in trasformazione, testo circolare, design brutalista, animazione minimalista, neo-brutalismo o mix di filosofia del design. Approccio react-first con pulizia e hook adeguati. Fonte: devmartinese/awwwards-animations-skill.

Come installo awwwards-animations?

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/devmartinese/awwwards-animations-skill --skill awwwards-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

Dov'è il repository sorgente?

https://github.com/devmartinese/awwwards-animations-skill

Dettagli

Categoria
</>Sviluppo
Fonte
skills.sh
Prima apparizione
2026-02-11

Skills correlate

Nessuna