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.
Instalación
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
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- Fuente
- stevysmith/rive-skills
- 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