·react-spring-physics
</>

react-spring-physics

Biblioteca de animación basada en física que combina React Spring (dinámica de resorte, integración de gestos, animaciones de 60 fps) y Popmotion (utilidades de animación componibles de bajo nivel, flujos reactivos). Úselo al crear animaciones de interfaz de usuario fluidas y de sensación natural, interfaces basadas en gestos, simulaciones físicas o interacciones activadas por resorte. Activadores de tareas que involucran ganchos de React Spring, física de resortes, desplazamiento de inercia, movimiento basado en la física, composición de animación o movimientos naturales de la interfaz de usuario. Enfoque de física alternativo al marco de movimiento para lograr animaciones físicamente más precisas.

12Instalaciones·1Tendencia·@freshtechbro

Instalación

$npx skills add https://github.com/freshtechbro/claudedesignskills --skill react-spring-physics

Cómo instalar react-spring-physics

Instala rápidamente el skill de IA react-spring-physics 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 react-spring-physics
  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

Physics-based animation for React applications combining React Spring's declarative spring animations with Popmotion's low-level physics utilities.

React Spring provides spring-physics animations that feel natural and interruptible. Unlike duration-based animations, springs calculate motion based on physical properties (mass, tension, friction), resulting in organic, realistic movement. Popmotion complements this with composable animation functions for keyframes, decay, and inertia.

Springs animate values from current state to target state using physical simulation:

Biblioteca de animación basada en física que combina React Spring (dinámica de resorte, integración de gestos, animaciones de 60 fps) y Popmotion (utilidades de animación componibles de bajo nivel, flujos reactivos). Úselo al crear animaciones de interfaz de usuario fluidas y de sensación natural, interfaces basadas en gestos, simulaciones físicas o interacciones activadas por resorte. Activadores de tareas que involucran ganchos de React Spring, física de resortes, desplazamiento de inercia, movimiento basado en la física, composición de animación o movimientos naturales de la interfaz de usuario. Enfoque de física alternativo al marco de movimiento para lograr animaciones físicamente más precisas. 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 react-spring-physics
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-03-09
Actualizado
2026-03-10

Browse more skills from freshtechbro/claudedesignskills

Respuestas rápidas

¿Qué es react-spring-physics?

Biblioteca de animación basada en física que combina React Spring (dinámica de resorte, integración de gestos, animaciones de 60 fps) y Popmotion (utilidades de animación componibles de bajo nivel, flujos reactivos). Úselo al crear animaciones de interfaz de usuario fluidas y de sensación natural, interfaces basadas en gestos, simulaciones físicas o interacciones activadas por resorte. Activadores de tareas que involucran ganchos de React Spring, física de resortes, desplazamiento de inercia, movimiento basado en la física, composición de animación o movimientos naturales de la interfaz de usuario. Enfoque de física alternativo al marco de movimiento para lograr animaciones físicamente más precisas. Fuente: freshtechbro/claudedesignskills.

¿Cómo instalo react-spring-physics?

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 react-spring-physics 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