お世話になります。

 let currentIndex = 0; 

  next.addEventListener('click', () => {
    currentIndex++;  
    const slideWidth = slides[0].getBoundingClientRect().width;
    ul.style.transform = `translateX(${-1 * slideWidth * currentIndex}px)`;
  });

この処理に関して、クリックをするたびに一度初期化されているため currentIndex++; と表記していても実質 1 枚ずつ画像が変わるだけという認識で宜しいでしょうか。