·rive-react
</>

rive-react

stevysmith/rive-skills

Se activa cuando: (1) Usando @rive-app/react-canvas o @rive-app/react-webgl, (2) Usando useRive gancho o RiveComponent, (3) Construcción de componentes de React con animaciones de Rive, (4) El usuario menciona "Rive React" o "useRive", (5) Implementar animaciones basadas en desplazamiento o paralaje con Rive. Mejores prácticas para integrar animaciones de Rive en aplicaciones React usando el paquete oficial Rive React. Cubre ganchos, diseño y animaciones de desplazamiento.

8Instalaciones·0Tendencia·@stevysmith

Instalación

$npx skills add https://github.com/stevysmith/rive-skills --skill rive-react

SKILL.md

@file rules/use-rive.md @file rules/callbacks.md @file rules/layout.md @file rules/scroll-animations.md

Se activa cuando: (1) Usando @rive-app/react-canvas o @rive-app/react-webgl, (2) Usando useRive gancho o RiveComponent, (3) Construcción de componentes de React con animaciones de Rive, (4) El usuario menciona "Rive React" o "useRive", (5) Implementar animaciones basadas en desplazamiento o paralaje con Rive. Mejores prácticas para integrar animaciones de Rive en aplicaciones React usando el paquete oficial Rive React. Cubre ganchos, diseño y animaciones de desplazamiento. Fuente: stevysmith/rive-skills.

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/stevysmith/rive-skills --skill rive-react 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 o Cursor

Ver original

Datos (listos para citar)

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

Comando de instalación
npx skills add https://github.com/stevysmith/rive-skills --skill rive-react
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es rive-react?

Se activa cuando: (1) Usando @rive-app/react-canvas o @rive-app/react-webgl, (2) Usando useRive gancho o RiveComponent, (3) Construcción de componentes de React con animaciones de Rive, (4) El usuario menciona "Rive React" o "useRive", (5) Implementar animaciones basadas en desplazamiento o paralaje con Rive. Mejores prácticas para integrar animaciones de Rive en aplicaciones React usando el paquete oficial Rive React. Cubre ganchos, diseño y animaciones de desplazamiento. Fuente: stevysmith/rive-skills.

¿Cómo instalo rive-react?

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/stevysmith/rive-skills --skill rive-react 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 o Cursor

¿Dónde está el repositorio de origen?

https://github.com/stevysmith/rive-skills

Detalles

Categoría
</>Desarrollo
Fuente
skills.sh
Primera vez visto
2026-02-01