·frontend-lottie
</>

frontend-lottie

Animaciones JSON decorativas para comentarios y pulido de la interfaz de usuario. Úselo para cargar hilanderos, marcas de verificación de éxito/error, ilustraciones de estado vacío, íconos animados. Simplemente reproduce y repite, sin interactividad. Para animaciones reactivas/con estado, utilice Rive en su lugar. Ligero y compatible con SSR.

11Instalaciones·0Tendencia·@petbrains

Instalación

$npx skills add https://github.com/petbrains/mvp-builder --skill frontend-lottie

Cómo instalar frontend-lottie

Instala rápidamente el skill de IA frontend-lottie 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/petbrains/mvp-builder --skill frontend-lottie
  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: petbrains/mvp-builder.

SKILL.md

Ver original

Lightweight vector animations. Just plays and loops — no complex logic.

| Just plays/loops | Lottie ✓ | | Reacts to hover/click | Rive | | State machine | Rive | | Data-driven | Rive | | Simple loader | Lottie ✓ |

Animaciones JSON decorativas para comentarios y pulido de la interfaz de usuario. Úselo para cargar hilanderos, marcas de verificación de éxito/error, ilustraciones de estado vacío, íconos animados. Simplemente reproduce y repite, sin interactividad. Para animaciones reactivas/con estado, utilice Rive en su lugar. Ligero y compatible con SSR. Fuente: petbrains/mvp-builder.

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/petbrains/mvp-builder --skill frontend-lottie 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

Datos (listos para citar)

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

Comando de instalación
npx skills add https://github.com/petbrains/mvp-builder --skill frontend-lottie
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-22
Actualizado
2026-03-10

Browse more skills from petbrains/mvp-builder

Respuestas rápidas

¿Qué es frontend-lottie?

Animaciones JSON decorativas para comentarios y pulido de la interfaz de usuario. Úselo para cargar hilanderos, marcas de verificación de éxito/error, ilustraciones de estado vacío, íconos animados. Simplemente reproduce y repite, sin interactividad. Para animaciones reactivas/con estado, utilice Rive en su lugar. Ligero y compatible con SSR. Fuente: petbrains/mvp-builder.

¿Cómo instalo frontend-lottie?

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/petbrains/mvp-builder --skill frontend-lottie 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/petbrains/mvp-builder