·motion-design-patterns
*

motion-design-patterns

Patrones de animación Framer Motion (Motion) para React: resortes, escalones, animaciones de diseño, microinteracciones, efectos de desplazamiento y transiciones de página. Úselo al crear o mejorar animaciones de la interfaz de usuario, agregar brillo o hacer que las interfaces se sientan premium.

64Instalaciones·2Tendencia·@dylanfeltus

Instalación

$npx skills add https://github.com/dylanfeltus/skills --skill motion-design-patterns

Cómo instalar motion-design-patterns

Instala rápidamente el skill de IA motion-design-patterns 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/dylanfeltus/skills --skill motion-design-patterns
  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: dylanfeltus/skills.

SKILL.md

Ver original

Framer Motion (Motion) patterns for React — springs, staggers, layout animations, micro-interactions, scroll-triggered effects, and exit animations. The #1 differentiator between generic and polished UI.

Import: import { motion, AnimatePresence, stagger, useScroll, useTransform } from "motion/react"

Note: The package was renamed from framer-motion to motion in late 2024. Both work, but motion is the current package.

Patrones de animación Framer Motion (Motion) para React: resortes, escalones, animaciones de diseño, microinteracciones, efectos de desplazamiento y transiciones de página. Úselo al crear o mejorar animaciones de la interfaz de usuario, agregar brillo o hacer que las interfaces se sientan premium. Fuente: dylanfeltus/skills.

Datos (listos para citar)

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

Comando de instalación
npx skills add https://github.com/dylanfeltus/skills --skill motion-design-patterns
Categoría
*Creatividad
Verificado
Primera vez visto
2026-02-19
Actualizado
2026-03-10

Browse more skills from dylanfeltus/skills

Respuestas rápidas

¿Qué es motion-design-patterns?

Patrones de animación Framer Motion (Motion) para React: resortes, escalones, animaciones de diseño, microinteracciones, efectos de desplazamiento y transiciones de página. Úselo al crear o mejorar animaciones de la interfaz de usuario, agregar brillo o hacer que las interfaces se sientan premium. Fuente: dylanfeltus/skills.

¿Cómo instalo motion-design-patterns?

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/dylanfeltus/skills --skill motion-design-patterns 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/dylanfeltus/skills