·lottie-animations
</>

lottie-animations

Representación de animaciones de After Effects para aplicaciones web y React. Utilice esta habilidad al implementar animaciones de Lottie, animaciones vectoriales JSON, íconos animados interactivos, microinteracciones o animaciones de carga. Activadores de tareas que involucran Lottie, lottie-web, lottie-react, dotLottie, exportación JSON de After Effects, bodymovin, alternativas SVG animadas o animaciones creadas por diseñadores. Complementa GSAP ScrollTrigger y Framer Motion para animaciones interactivas y basadas en desplazamiento.

16Instalaciones·2Tendencia·@freshtechbro

Instalación

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

Cómo instalar lottie-animations

Instala rápidamente el skill de IA lottie-animations en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/freshtechbro/claudedesignskills --skill lottie-animations
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: freshtechbro/claudedesignskills.

SKILL.md

Ver original

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.

Representación de animaciones de After Effects para aplicaciones web y React. Utilice esta habilidad al implementar animaciones de Lottie, animaciones vectoriales JSON, íconos animados interactivos, microinteracciones o animaciones de carga. Activadores de tareas que involucran Lottie, lottie-web, lottie-react, dotLottie, exportación JSON de After Effects, bodymovin, alternativas SVG animadas o animaciones creadas por diseñadores. Complementa GSAP ScrollTrigger y Framer Motion para animaciones interactivas y basadas en desplazamiento. Fuente: freshtechbro/claudedesignskills.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/freshtechbro/claudedesignskills --skill lottie-animations
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-03-09
Actualizado
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

Respuestas rápidas

¿Qué es lottie-animations?

Representación de animaciones de After Effects para aplicaciones web y React. Utilice esta habilidad al implementar animaciones de Lottie, animaciones vectoriales JSON, íconos animados interactivos, microinteracciones o animaciones de carga. Activadores de tareas que involucran Lottie, lottie-web, lottie-react, dotLottie, exportación JSON de After Effects, bodymovin, alternativas SVG animadas o animaciones creadas por diseñadores. Complementa GSAP ScrollTrigger y Framer Motion para animaciones interactivas y basadas en desplazamiento. Fuente: freshtechbro/claudedesignskills.

¿Cómo instalo lottie-animations?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/freshtechbro/claudedesignskills --skill lottie-animations Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/freshtechbro/claudedesignskills