motion-design
✓Proporciona orientación sobre el diseño de movimiento para componentes de la interfaz de usuario. Activadores de solicitudes de animación ("animar esto", "agregar transición", "movimiento para"), solicitudes de refinamiento ("limpiar esta animación", "limpiar el movimiento", "esto se siente demasiado rápido/lento", "hacer que esto se sienta más vivo/natural") y preguntas sobre suavización, sincronización o microinteracciones.
Instalación
SKILL.md
Design intentional, purposeful motion for product UI. This skill evaluates animation needs and recommends specific easing curves, durations, and implementation approaches based on interaction frequency and purpose.
Every animation needs a job. If it has no job, don't animate.
Based on the evaluation, provide specific recommendations using tokens from the reference files.
Proporciona orientación sobre el diseño de movimiento para componentes de la interfaz de usuario. Activadores de solicitudes de animación ("animar esto", "agregar transición", "movimiento para"), solicitudes de refinamiento ("limpiar esta animación", "limpiar el movimiento", "esto se siente demasiado rápido/lento", "hacer que esto se sienta más vivo/natural") y preguntas sobre suavización, sincronización o microinteracciones. Fuente: richtabor/agent-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/richtabor/agent-skills --skill motion-design- Fuente
- richtabor/agent-skills
- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es motion-design?
Proporciona orientación sobre el diseño de movimiento para componentes de la interfaz de usuario. Activadores de solicitudes de animación ("animar esto", "agregar transición", "movimiento para"), solicitudes de refinamiento ("limpiar esta animación", "limpiar el movimiento", "esto se siente demasiado rápido/lento", "hacer que esto se sienta más vivo/natural") y preguntas sobre suavización, sincronización o microinteracciones. Fuente: richtabor/agent-skills.
¿Cómo instalo motion-design?
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/richtabor/agent-skills --skill motion-design 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/richtabor/agent-skills
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01