·frontend-rive
</>

frontend-rive

Animaciones interactivas basadas en estados con máquinas de estados integradas. Úselo cuando las animaciones deban REACCIONAR a la entrada del usuario (desplazar el cursor, hacer clic, arrastrar), tener múltiples estados/transiciones o responder a valores de datos (barras de progreso, contadores). Ideal para botones animados, botones, casillas de verificación y personajes. Para animaciones de reproducción/bucle simples, utilice Lottie en su lugar.

8Instalaciones·0Tendencia·@petbrains

Instalación

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

Cómo instalar frontend-rive

Instala rápidamente el skill de IA frontend-rive 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-rive
  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

Interactive animations with built-in state machines. Animation logic inside the .riv file.

| Just plays/loops | Lottie | | Reacts to hover | Rive | | Controlled by data | Rive | | Multiple states | Rive | | Simple loader | Lottie |

Animaciones interactivas basadas en estados con máquinas de estados integradas. Úselo cuando las animaciones deban REACCIONAR a la entrada del usuario (desplazar el cursor, hacer clic, arrastrar), tener múltiples estados/transiciones o responder a valores de datos (barras de progreso, contadores). Ideal para botones animados, botones, casillas de verificación y personajes. Para animaciones de reproducción/bucle simples, utilice Lottie en su lugar. 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-rive 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-rive
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-25
Actualizado
2026-03-10

Browse more skills from petbrains/mvp-builder

Respuestas rápidas

¿Qué es frontend-rive?

Animaciones interactivas basadas en estados con máquinas de estados integradas. Úselo cuando las animaciones deban REACCIONAR a la entrada del usuario (desplazar el cursor, hacer clic, arrastrar), tener múltiples estados/transiciones o responder a valores de datos (barras de progreso, contadores). Ideal para botones animados, botones, casillas de verificación y personajes. Para animaciones de reproducción/bucle simples, utilice Lottie en su lugar. Fuente: petbrains/mvp-builder.

¿Cómo instalo frontend-rive?

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-rive 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