Visor de historias con temporizador retenible
Visor de historias con barra segmentada, avance automático, salto por zonas y pausa al mantener pulsado, resuelto con una animación CSS por tramo en lugar de un intervalo que muestrea el progreso hacia el estado de React. Mantener pulsado pone animation-play-state en paused, que congela el tiempo transcurrido exacto sin guardar marcas de tiempo ni acumular desfase, y el salto al siguiente tramo lo dispara animationend en vez de comprobar si un contador ha pasado de cien.
Cómo funciona este catálogo
Cada componente trae su prompt de reproducción: el texto que se pega en un constructor con inteligencia artificial para obtener exactamente esta pieza. Los valores que ves arriba son editables, y el prompt que copias lleva dentro los que hayas elegido, así que lo que se genera es lo que estabas mirando.
