Skeleton Shimmer

El destello del shimmer viaja siempre de izquierda a derecha, igual que la lectura occidental. Nunca de derecha a izquierda (salvo layouts RTL), nunca diagonal, nunca pulso radial. La dirección refuerza inconscientemente la sensación de carga progresiva.

1.5s por ciclo es el punto óptimo: suficientemente rápido para no parecer estático, suficientemente lento para no marear. Por debajo de 1s parece urgente y ansiogeno. Por encima de 2s parece congelado. Usar ease-in-out como easing.

Cada hueso del skeleton debe replicar la forma y tamaño aproximado del contenido real: circulo para avatares, rectangulo con border-radius correcto para imagenes, líneas de distintas longitudes para texto. Un skeleton genérico de barras iguales engana al usuario.

Cuando el contenido llega, el skeleton no debe desaparecer de golpe. Usar un crossfade de 200-300ms: el skeleton desvanece con opacity:0 mientras el contenido real aparece con opacity:1 simultaneamente en el mismo espacio.

Cuando prefers-reduced-motion: reduce esta activo, reemplazar el shimmer animado por un pulso de opacidad lento (0.5→1→0.5 en 2s) o por un color estático ligeramente más claro. Nunca dejar el skeleton completamente estático sin ninguna señal de vida.