Úselo al crear microinteracciones entre 100 y 200 ms: aparecen información sobre herramientas, se abren menús desplegables, pequeñas animaciones de retroalimentación que se sienten rápidas pero perceptibles.
Instala rápidamente el skill de IA micro-100-200ms en tu entorno de desarrollo mediante línea de comandos
Fuente: dylantarre/animation-principles.
The 100-200ms range is the sweet spot for micro-interactions. Fast enough to feel responsive, slow enough to be perceived as intentional motion.
Squash & Stretch: Light application - 5-10% works for bouncy buttons, appearing elements.
Anticipation: Micro-anticipation possible - 20-30ms wind-up before 150ms action.
Úselo al crear microinteracciones entre 100 y 200 ms: aparecen información sobre herramientas, se abren menús desplegables, pequeñas animaciones de retroalimentación que se sienten rápidas pero perceptibles. Fuente: dylantarre/animation-principles.
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/dylantarre/animation-principles --skill micro-100-200msÚselo al crear microinteracciones entre 100 y 200 ms: aparecen información sobre herramientas, se abren menús desplegables, pequeñas animaciones de retroalimentación que se sienten rápidas pero perceptibles. Fuente: dylantarre/animation-principles.
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 micro-100-200ms 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
https://github.com/dylantarre/animation-principles