·lottie-animations
</>

lottie-animations

Rendu d'animation After Effects pour les applications Web et React. Utilisez cette compétence lors de la mise en œuvre d'animations Lottie, d'animations vectorielles JSON, d'icônes animées interactives, de micro-interactions ou de chargement d'animations. Déclencheurs sur des tâches impliquant Lottie, lottie-web, lottie-react, dotLottie, l'exportation After Effects JSON, bodymovin, des alternatives SVG animées ou des animations créées par un concepteur. Complète GSAP ScrollTrigger et Framer Motion pour les animations interactives et pilotées par défilement.

16Installations·2Tendance·@freshtechbro

Installation

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

Comment installer lottie-animations

Installez rapidement le skill IA lottie-animations dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/freshtechbro/claudedesignskills --skill lottie-animations
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : 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.

Rendu d'animation After Effects pour les applications Web et React. Utilisez cette compétence lors de la mise en œuvre d'animations Lottie, d'animations vectorielles JSON, d'icônes animées interactives, de micro-interactions ou de chargement d'animations. Déclencheurs sur des tâches impliquant Lottie, lottie-web, lottie-react, dotLottie, l'exportation After Effects JSON, bodymovin, des alternatives SVG animées ou des animations créées par un concepteur. Complète GSAP ScrollTrigger et Framer Motion pour les animations interactives et pilotées par défilement. Source : freshtechbro/claudedesignskills.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/freshtechbro/claudedesignskills --skill lottie-animations
Catégorie
</>Développement
Vérifié
Première apparition
2026-03-09
Mis à jour
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

Réponses rapides

Qu'est-ce que lottie-animations ?

Rendu d'animation After Effects pour les applications Web et React. Utilisez cette compétence lors de la mise en œuvre d'animations Lottie, d'animations vectorielles JSON, d'icônes animées interactives, de micro-interactions ou de chargement d'animations. Déclencheurs sur des tâches impliquant Lottie, lottie-web, lottie-react, dotLottie, l'exportation After Effects JSON, bodymovin, des alternatives SVG animées ou des animations créées par un concepteur. Complète GSAP ScrollTrigger et Framer Motion pour les animations interactives et pilotées par défilement. Source : freshtechbro/claudedesignskills.

Comment installer lottie-animations ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/freshtechbro/claudedesignskills --skill lottie-animations Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

https://github.com/freshtechbro/claudedesignskills