Ana içeriğe atla

Documentation Index

Fetch the complete documentation index at: https://docs.claboard.dev/llms.txt

Use this file to discover all available pages before exploring further.

Bir görev durumlar arasında hareket ettiğinde — ister sürükle-bırak, ister buton tıklama, ister sesli komutla — Claude Board görev kartında bir geçiş animasyonu oynatır.

​
Animasyon Türleri

GeçişEfektAçıklama
→ In ProgressKehribar kıvılcımlar12 parlayan parçacık altın bir darbesiyle dışa doğru uçar
→ TestingParlama dalgasıMor/kehribar degrade, yüzen noktalarla birlikte geçiş yapar
→ DoneKonfeti patlaması24 renkli parçacık, karışık şekillerle ve bir onay işareti pop’u
← GeriGeri sarım sürüşüTers yönde hafif gri bir geçiş
Tüm geçişler ayrıca şu unsurları içerir:
  • Hedef durum rengine uygun bir parlama darbesi
  • Bir kart büyüme ölçek animasyonu (kısa süreliğine büyür, sonra yerine oturur)

​
Nasıl Çalışır

Animasyon sistemi, son geçişleri izleyen bir React context’i (StatusTransitionContext) kullanır:
  1. onStatusChange tetiklendiğinde, emitStatusTransition(taskId, fromStatus, toStatus) geçişi kaydeder
  2. Her TaskCard aktif geçişler için context’i kontrol eder
  3. Görevi için bir geçiş varsa, StatusTransitionEffect katmanını render eder
  4. Animasyonlar 2 saniye sonra otomatik olarak temizlenir

​
Teknik Detaylar

  • Tüm efektler saf CSS animasyonları kullanır — harici kütüphane yoktur
  • Parçacıklar, CSS @keyframes ile rastgele oluşturulan div elementleridir
  • Konfeti 8 farklı renk ve karışık şekiller (daireler + dikdörtgenler) kullanır
  • Efektler kısa ömürlü olduğundan ve GPU hızlandırmalı dönüşümler kullandığından performans hafiftir