·lottie-animations
</>

lottie-animations

Rendering di animazioni After Effects per applicazioni Web e React. Utilizza questa abilità quando implementi animazioni Lottie, animazioni vettoriali JSON, icone animate interattive, microinterazioni o animazioni di caricamento. Si attiva su attività che coinvolgono Lottie, lottie-web, lottie-react, dotLottie, esportazione JSON di After Effects, bodymovin, alternative SVG animate o animazioni create dal designer. Integra GSAP ScrollTrigger e Framer Motion per animazioni interattive e basate sullo scorrimento.

16Installazioni·2Tendenza·@freshtechbro

Installazione

$npx skills add https://github.com/freshtechbro/claudedesignskills --skill lottie-animations

Come installare lottie-animations

Installa rapidamente la skill AI lottie-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/freshtechbro/claudedesignskills --skill lottie-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: freshtechbro/claudedesignskills.

Lottie is a library for rendering After Effects animations in real-time on web, iOS, Android, and React Native. Created by Airbnb, it allows designers to ship animations as easily as shipping static assets. Animations are exported from After Effects as JSON files using the Bodymovin plugin, then rendered natively with minimal performance overhead.

Problem: Animation doesn't load due to CORS or incorrect paths.

Rendering di animazioni After Effects per applicazioni Web e React. Utilizza questa abilità quando implementi animazioni Lottie, animazioni vettoriali JSON, icone animate interattive, microinterazioni o animazioni di caricamento. Si attiva su attività che coinvolgono Lottie, lottie-web, lottie-react, dotLottie, esportazione JSON di After Effects, bodymovin, alternative SVG animate o animazioni create dal designer. Integra GSAP ScrollTrigger e Framer Motion per animazioni interattive e basate sullo scorrimento. 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 lottie-animations
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-03-09
Aggiornato
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

Risposte rapide

Che cos'è lottie-animations?

Rendering di animazioni After Effects per applicazioni Web e React. Utilizza questa abilità quando implementi animazioni Lottie, animazioni vettoriali JSON, icone animate interattive, microinterazioni o animazioni di caricamento. Si attiva su attività che coinvolgono Lottie, lottie-web, lottie-react, dotLottie, esportazione JSON di After Effects, bodymovin, alternative SVG animate o animazioni create dal designer. Integra GSAP ScrollTrigger e Framer Motion per animazioni interattive e basate sullo scorrimento. Fonte: freshtechbro/claudedesignskills.

Come installo lottie-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/freshtechbro/claudedesignskills --skill lottie-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/freshtechbro/claudedesignskills