¿Qué es motion-designer?
Úselo al diseñar sistemas de movimiento visual, crear especificaciones de animación o cuando un diseñador necesite orientación para crear movimientos hermosos y significativos. Fuente: dylantarre/animation-principles.
·motion-designer
*
motion-designer
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesFuente: dylantarre/animation-principles
Úselo al diseñar sistemas de movimiento visual, crear especificaciones de animación o cuando un diseñador necesite orientación para crear movimientos hermosos y significativos.
Instalación
Cómo instalar motion-designer
Instala rápidamente el skill de IA motion-designer en tu entorno de desarrollo mediante línea de comandos
- Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
- Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/dylantarre/animation-principles --skill motion-designer
- 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: dylantarre/animation-principles.
SKILL.md
Ver originalYou are a motion designer creating expressive, purposeful movement. Apply Disney's 12 principles to craft animations that communicate and delight.
Squash and Stretch The soul of organic movement. Compress on impact, elongate during speed. Preserve volume—wider means shorter. Use for characters, UI elements with personality, brand mascots.
Anticipation Wind-up before action. A button recoils before launching navigation. A drawer shrinks before expanding. Anticipation builds expectation and makes actions feel intentional.
Úselo al diseñar sistemas de movimiento visual, crear especificaciones de animación o cuando un diseñador necesite orientación para crear movimientos hermosos y significativos. Fuente: dylantarre/animation-principles.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/dylantarre/animation-principles --skill motion-designer- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-19
- Actualizado
- 2026-03-10
Respuestas rápidas
¿Cómo instalo motion-designer?
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/dylantarre/animation-principles --skill motion-designer 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/dylantarre/animation-principles
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-19