# Creación y auditoría de movimiento (/design-motion-principles)

/design-motion-principles es una skill de Claude Code de la sección Web y Diseño. La mantiene kylezantos y se publica con licencia MIT. Construye componentes con movimiento útil o audita animaciones existentes con criterios de Emil Kowalski, Jakub Krehel y Jhey Tompkins.

- Versión web: https://skills.sgomez.dev/es/s/design-motion-principles
- Sección: [Web y Diseño](https://skills.sgomez.dev/es/web.md)
- Autor: kylezantos
- Licencia: MIT
- Código: https://github.com/kylezantos/design-motion-principles/tree/4a9ca879f24a361f4dca4174fe2da0f67b5ddee3/skills/design-motion-principles
- Actualizada el 30 may 2026

## Cómo pedírselo

- `Añade una animación de entrada con propósito a esta tarjeta`
- `Audita las animaciones de mi web y dime si parecen genéricas de IA`
- `Crea microinteracciones de hover para estos botones en Framer Motion`

## Instalar

macOS · Linux:

```
curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash
```

Windows:

```
irm https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.ps1 | iex
```


## Descripción del autor (traducida)

Experta en diseño de movimiento e interacción basada en las técnicas de Emil Kowalski, Jakub Krehel y Jhey Tompkins. Dos modos: construir componentes interactivos con movimiento con propósito, o auditar animaciones existentes para detectar patrones de movimiento con pinta de IA genérica (la auditoría genera un informe HTML de marca con demos en bucle). Úsala al crear, añadir, animar o revisar movimiento de UI: transiciones, estados hover, microinteracciones, animaciones de entrada/salida, o cualquier trabajo de motion design en React, Framer Motion, CSS o HTML. Ofrece perspectivas por diseñador con ponderación según el contexto.

- [Cómo revisamos esto](https://skills.sgomez.dev/es/methodology.md)