·rive-interactive
*

rive-interactive

Animación vectorial basada en máquina de estados con interactividad en tiempo de ejecución e integración web. Utilice esta habilidad al crear animaciones interactivas, UI controladas por estado, componentes animados con lógica o animaciones creadas por diseñadores con control de tiempo de ejecución. Activadores de tareas que involucran Rive, máquinas de estado, animaciones vectoriales interactivas, animación con manejo de entrada, enlace de datos ViewModel o integración de React Rive. Alternativa a Lottie para animaciones que requieren máquinas de estados e interactividad bidireccional.

15Instalaciones·2Tendencia·@freshtechbro

Instalación

$npx skills add https://github.com/freshtechbro/claudedesignskills --skill rive-interactive

Cómo instalar rive-interactive

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

Rive is a state machine-based animation platform that enables designers to create interactive vector animations with complex logic and runtime interactivity. Unlike timeline-only animation tools (like Lottie), Rive supports state machines, input handling, and two-way data binding between application code and animations.

Animación vectorial basada en máquina de estados con interactividad en tiempo de ejecución e integración web. Utilice esta habilidad al crear animaciones interactivas, UI controladas por estado, componentes animados con lógica o animaciones creadas por diseñadores con control de tiempo de ejecución. Activadores de tareas que involucran Rive, máquinas de estado, animaciones vectoriales interactivas, animación con manejo de entrada, enlace de datos ViewModel o integración de React Rive. Alternativa a Lottie para animaciones que requieren máquinas de estados e interactividad bidireccional. 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 rive-interactive
Categoría
*Creatividad
Verificado
Primera vez visto
2026-03-09
Actualizado
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

Respuestas rápidas

¿Qué es rive-interactive?

Animación vectorial basada en máquina de estados con interactividad en tiempo de ejecución e integración web. Utilice esta habilidad al crear animaciones interactivas, UI controladas por estado, componentes animados con lógica o animaciones creadas por diseñadores con control de tiempo de ejecución. Activadores de tareas que involucran Rive, máquinas de estado, animaciones vectoriales interactivas, animación con manejo de entrada, enlace de datos ViewModel o integración de React Rive. Alternativa a Lottie para animaciones que requieren máquinas de estados e interactividad bidireccional. Fuente: freshtechbro/claudedesignskills.

¿Cómo instalo rive-interactive?

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